<!--
 * @Author: linZeJian
 * @Date: 2022-04-26 15:21:17
 * @LastEditors: linZeJian
 * @LastEditTime: 2022-04-26 16:30:01
 * @Description: 
-->
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
/**
 * 获取地址栏参数
 * @param name
 */
function getParamter(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}
var messageId = getParamter("messageId");
if (messageId) {
  localStorage.setItem("messageId", messageId);
}
export default {
  name: "app",
  methods: {
    handleHome() {
      this.$router.push({ path: "/" });
    },
  },
};
</script>

<style lang="scss">
.eo-interactive-list {
  font-size: 12px;
  font-family: monospace;
  background-color: #fafafa;
  border: none;
}
.eo-interactive-list-title {
  font-family: monospace;
  padding: 2px;
  list-style: none;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #eeeeee;
  top: 4px;
  position: relative;
  margin: 4px 4px 6px;
  font-size: 10px;
}
.eo-interactive-list-item {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  padding-left: 4px;
  color: #757575;
  padding-right: 4px;
  height: 14px;
  /* TODO CLD-11658 quick fix filter 2 lines instead of ellipsis */
}
.eo-interactive-list-item--selected {
  background-color: #337ab7;
  color: white;
}
.eo-interactive-list-footer {
  font-family: monospace;
  padding-left: 2px;
  background-color: #eeeeee;
  bottom: 4px;
  position: relative;
  margin: 8px 4px 4px;
  font-size: 10px;
}
.eo-interactive-list .md-virtual-repeat-scroller {
  height: 84px;
  position: relative;
  z-index: 999999999;
}
.eo-interactive-list .md-virtual-repeat-container {
  position: relative;
  z-index: 999999999;
}

.eo-variable-assistant-controls-wrapper {
  position: absolute;
  z-index: 2147483647;
  background-color: white;
  min-width: 200px;
}

.eo-variable-assistant-controls-filter-selector-input {
  font-family: monospace;
  width: 200px;
  box-sizing: border-box;
  outline: 1px solid deepskyblue;
}

.flowable .eo-vis-editor-content-layout {
  top: 80px;
}
.flowable .eo-vis-editor-content-layout .eo-vis-editor-center {
  height: 100%;
}

.flowable .eo-vis-palette-group-item-node-icon {
  height: auto;
}

/**
  UI.Layout CSS
*************************************/
.stretch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Can be changed by hand ;)*/
  overflow: auto;
}

.animate-row {
  -webkit-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);

  -webkit-transition: top 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: top 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: top 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: top 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: top 0.8s cubic-bezier(0, 1.05, 0, 1);
}

.animate-column {
  -webkit-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);

  -webkit-transition: left 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: left 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: left 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: left 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: left 0.8s cubic-bezier(0, 1.05, 0, 1);
}

.ui-splitbar {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: center;
  justify-content: center;

  background-color: #ffffff;
  right: auto;
  position: absolute;
  z-index: 1;
}

.ui-layout-row > .ui-splitbar {
  height: 8px;
  width: 100%;
  cursor: row-resize;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  overflow-y: hidden;
}
.ui-layout-column > .ui-splitbar {
  width: 8px;
  height: 100%;
  cursor: col-resize;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: linear-gradient(to right, #fff 0%, #eee 100%);
  overflow-x: hidden;
}

.ui-layout-column > .ui-splitbar > a,
.ui-layout-row > .ui-splitbar > a {
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #aaa;
}

.ui-layout-column > .ui-splitbar > a:nth-child(2) {
  margin-top: 0.35rem;
}

.ui-layout-row > .ui-splitbar > a:nth-child(2) {
  margin-left: 0.35rem;
}

/**
* Icons
**/

.ui-splitbar-icon {
  width: 0;
  height: 0;
  display: inline-block;
}

.ui-splitbar-icon-up {
  border-left: 0.45em solid transparent;
  border-right: 0.45em solid transparent;
  border-bottom: 0.45em solid;
}

.ui-splitbar-icon-down {
  border-left: 0.45em solid transparent;
  border-right: 0.45em solid transparent;
  border-top: 0.45em solid;
  margin-right: 0.45em;
}

.ui-splitbar-icon-right {
  border-top: 0.45em solid transparent;
  border-bottom: 0.45em solid transparent;
  border-left: 0.45em solid;
}

.ui-splitbar-icon-left {
  border-top: 0.45em solid transparent;
  border-bottom: 0.45em solid transparent;
  border-right: 0.45em solid;
  margin-top: 0.45em;
}

/* Allow disabling of icons */
.no-toggle .ui-splitbar-icon {
  display: none;
}

@media only screen and (max-device-width: 480px) {
  .no-mobile-toggle .ui-splitbar-icon {
    display: none;
  }
}

@media print {
  .ui-splitbar {
    display: none;
  }

  .stretch {
    position: relative;
  }
  /* The last item can take up any amount of space. */
  .stretch.ui-layout-container:last-child {
    position: static;
    overflow: visible;
  }
}

/* Make sure hidden elements are in fact not rendered. */
.ui-layout-hidden {
  display: none;
}
/*!
 * ui-grid - v3.1.0 - 2016-01-19
 * Copyright (c) 2016 ; License: MIT
 */
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  clear: both;
}
.ui-grid {
  border: 1px solid #d4d4d4;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-scrollbar-placeholder {
  background-color: transparent;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #d4d4d4;
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
  content: "";
  display: table;
}
.ui-grid-clearfix:after {
  clear: both;
}
.ui-grid-invisible {
  visibility: hidden;
}
.ui-grid-contents-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.ui-grid-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui-grid-top-panel-background {
  background: #f3f3f3;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eeeeee),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.ui-grid-header {
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.ui-grid-top-panel {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background: #f3f3f3;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eeeeee),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-header-viewport {
  overflow: hidden;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}
.ui-grid-header-canvas:after {
  clear: both;
}
.ui-grid-header-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}
.ui-grid-header-cell-row {
  display: table-row;
  position: relative;
}
.ui-grid-header-cell {
  position: relative;
  box-sizing: border-box;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  display: table-cell;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
}
.ui-grid-header-cell:last-child {
  border-right: 0;
}
.ui-grid-header-cell .sortable {
  cursor: pointer;
}
.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -8px;
}
.ui-grid-header .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}
.ui-grid-column-menu-button {
  position: absolute;
  right: 1px;
  top: 0;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub;
}
.ui-grid-column-menu-button-last-col {
  margin-right: 25px;
}
.ui-grid-column-menu {
  position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.05s linear;
  -moz-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
  display: block !important;
}
.ui-grid-column-menu
  .ui-grid-menu
  .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu
  .ui-grid-menu
  .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.05s linear;
  -moz-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
  display: block !important;
}
.ui-grid-menu-button
  .ui-grid-menu
  .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button
  .ui-grid-menu
  .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.ui-grid-filter-container {
  padding: 4px 10px;
  position: relative;
}
.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 10px;
  opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
  opacity: 1;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.ui-grid-filter-container
  .ui-grid-filter-button-select
  [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 0px;
  opacity: 0.66;
}
.ui-grid-filter-container
  .ui-grid-filter-button-select
  [class^="ui-grid-icon"]:hover {
  opacity: 1;
}
input[type="text"].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #d4d4d4;
}
select.ui-grid-filter-select {
  padding: 0;
  margin: 0;
  border: 0;
  width: 90%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
select.ui-grid-filter-select:hover {
  border: 1px solid #d4d4d4;
}
.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
  width: 100%;
}
.ui-grid-render-container {
  position: inherit;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-render-container:focus {
  outline: none;
}
.ui-grid-viewport {
  min-height: 20px;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.ui-grid-viewport:focus {
  outline: none !important;
}
.ui-grid-canvas {
  position: relative;
  padding-top: 1px;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #d4d4d4;
  border-bottom-style: solid;
}
.ui-grid-no-row-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10%;
  background: #f3f3f3;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eeeeee),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d4d4d4;
  font-size: 2em;
  text-align: center;
}
.ui-grid-no-row-overlay > * {
  position: absolute;
  display: table;
  margin: auto 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.66;
}
.ui-grid-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
}
.ui-grid-cell:last-child {
  border-right: 0;
}
.ui-grid-cell-contents {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}
.ui-grid-cell-contents-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #f0f0ee;
  border-bottom: solid 1px #d4d4d4;
}
.ui-grid-footer-panel-background {
  background: #f3f3f3;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eeeeee),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.ui-grid-footer-panel {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
  font-weight: bold;
  background: #f3f3f3;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eeeeee),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-grid-footer {
  float: left;
  width: 100%;
}
.ui-grid-footer-viewport {
  overflow: hidden;
}
.ui-grid-footer-canvas {
  position: relative;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}
.ui-grid-footer-canvas:after {
  clear: both;
}
.ui-grid-footer-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}
.ui-grid-footer-cell-row {
  display: table-row;
}
.ui-grid-footer-cell {
  overflow: hidden;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
  display: table-cell;
}
.ui-grid-footer-cell:last-child {
  border-right: 0;
}
input[type="text"].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #d4d4d4;
}
.ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  background: #f3f3f3;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  height: 31px;
  font-weight: normal;
}
.ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 3px;
}
.ui-grid-menu-button .ui-grid-menu {
  right: 0;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: scroll;
  border: 1px solid #d4d4d4;
}
.ui-grid-menu {
  z-index: 2;
  position: absolute;
  padding: 0 10px 20px 10px;
  cursor: pointer;
  box-sizing: border-box;
}
.ui-grid-menu .ui-grid-menu-inner {
  background: #f3f3f3;
  border: 1px solid #d4d4d4;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2),
    inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2),
    inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2),
    inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
  position: absolute;
  right: 0px;
  top: 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1px 1px;
  font-size: 10px;
  line-height: 1;
  border-radius: 2px;
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
  color: #333333;
  text-decoration: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
fieldset[disabled]
  .ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
fieldset[disabled]
  a.ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button {
  pointer-events: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
  color: transparent;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
  color: transparent;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.open
  > .dropdown-toggle.ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button {
  color: transparent;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
.open
  > .dropdown-toggle.ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
.open
  > .dropdown-toggle.ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
.open
  > .dropdown-toggle.ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button.focus {
  color: transparent;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
.open
  > .dropdown-toggle.ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button {
  background-image: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
fieldset[disabled]
  .ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button:hover,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
fieldset[disabled]
  .ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button:focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
fieldset[disabled]
  .ui-grid-menu
  .ui-grid-menu-inner
  .ui-grid-menu-close-button.focus {
  background-color: transparent;
  border-color: transparent;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
  color: transparent;
  background-color: transparent;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
  opacity: 0.75;
  color: black;
}
.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 0px;
}
.ui-grid-menu .ui-grid-menu-inner ul li button {
  min-width: 100%;
  padding: 8px;
  text-align: left;
  background: transparent;
  border: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  background-color: #cecece;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  border-bottom: 1px solid #d4d4d4;
}
.ui-grid-sortarrow {
  right: 5px;
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  background-position: center;
}
.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@font-face {
  font-family: "ui-grid";
  src: url(/flowable-design/vis-flowable-editor/font/ui-grid-0f31c500e6b19a9a942461ba6b01e7cd.eot);
  src: url(/flowable-design/vis-flowable-editor/font/ui-grid-0f31c500e6b19a9a942461ba6b01e7cd.eot#iefix)
      format("embedded-opentype"),
    url(/flowable-design/vis-flowable-editor/font/ui-grid-1786fe8728b1e9ad58190820aec9b1f8.woff)
      format("woff"),
    url(/flowable-design/vis-flowable-editor/font/ui-grid-e4d1f395be10d80949bcd6ac44ff1f71.ttf)
      format("truetype"),
    url(/flowable-design/vis-flowable-editor/img/ui-grid-89b078796386e69ba71582f0c9d74d63.svg?#ui-grid)
      format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  font-family: "ui-grid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ui-grid-icon-blank::before {
  width: 1em;
  content: " ";
}
/*
* RTL Styles
*/
.ui-grid[dir="rtl"] .ui-grid-header-cell,
.ui-grid[dir="rtl"] .ui-grid-footer-cell,
.ui-grid[dir="rtl"] .ui-grid-cell {
  float: right !important;
}
.ui-grid[dir="rtl"] .ui-grid-column-menu-button {
  position: absolute;
  left: 1px;
  top: 0;
  right: inherit;
}
.ui-grid[dir="rtl"] .ui-grid-cell:first-child,
.ui-grid[dir="rtl"] .ui-grid-header-cell:first-child,
.ui-grid[dir="rtl"] .ui-grid-footer-cell:first-child {
  border-right: 0;
}
.ui-grid[dir="rtl"] .ui-grid-cell:last-child,
.ui-grid[dir="rtl"] .ui-grid-header-cell:last-child {
  border-right: 1px solid #d4d4d4;
  border-left: 0;
}
.ui-grid[dir="rtl"] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir="rtl"] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir="rtl"] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  width: 0;
}
.ui-grid[dir="rtl"] .ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  left: 0;
  right: auto;
  background: #f3f3f3;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  min-height: 27px;
  font-weight: normal;
}
.ui-grid[dir="rtl"] .ui-grid-menu-button .ui-grid-menu {
  left: 0;
  right: auto;
}
.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button {
  right: initial;
  left: 0;
}
.ui-grid[dir="rtl"]
  .ui-grid-filter-container
  .ui-grid-filter-button
  [class^="ui-grid-icon"] {
  right: initial;
  left: 10px;
}
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear;
  -o-animation: ui-grid-spin 2s infinite linear;
  -webkit-animation: ui-grid-spin 2s infinite linear;
  animation: ui-grid-spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  clear: both;
}
.ui-grid-cell-focus {
  outline: 0;
  background-color: #b3c4c7;
}
.ui-grid-focuser {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ui-grid-focuser:focus {
  border-color: #409eff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-offscreen {
  display: block;
  position: absolute;
  left: -10000px;
  top: -10000px;
  clip: rect(0px, 0px, 0px, 0px);
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
div.ui-grid-cell input {
  border-radius: inherit;
  padding: 0;
  width: 100%;
  color: inherit;
  height: auto;
  font: inherit;
  outline: none;
}
div.ui-grid-cell input:focus {
  color: inherit;
  outline: none;
}
div.ui-grid-cell input[type="checkbox"] {
  margin: 9px 0 0 6px;
  width: auto;
}
div.ui-grid-cell input.ng-invalid {
  border: 1px solid #fc8f8f;
}
div.ui-grid-cell input.ng-valid {
  border: 1px solid #d4d4d4;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}
.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}
.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: none;
}
.ui-grid-expandable-buttons-cell i {
  pointer-events: all;
}
.scrollFiller {
  float: left;
  border: 1px solid #d4d4d4;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-tree-header-row {
  font-weight: bold !important;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.movingColumn {
  position: absolute;
  top: 0;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.movingColumn .ui-grid-icon-angle-down {
  display: none;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
#ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
  clear: both;
}
.ui-grid-pager-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  box-sizing: content-box;
}
.ui-grid-pager-container {
  float: left;
}
.ui-grid-pager-control {
  margin-right: 10px;
  margin-left: 10px;
  min-width: 135px;
  float: left;
}
.ui-grid-pager-control button {
  height: 25px;
  min-width: 26px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #eeeeee;
  background-color: #f3f3f3;
  border-color: #cccccc;
}
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button:active:focus,
.ui-grid-pager-control button.active:focus,
.ui-grid-pager-control button.focus,
.ui-grid-pager-control button:active.focus,
.ui-grid-pager-control button.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ui-grid-pager-control button:hover,
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button.focus {
  color: #333333;
  text-decoration: none;
}
.ui-grid-pager-control button:active,
.ui-grid-pager-control button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-grid-pager-control button.disabled,
.ui-grid-pager-control button[disabled],
fieldset[disabled] .ui-grid-pager-control button {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.ui-grid-pager-control button.disabled,
fieldset[disabled] a.ui-grid-pager-control button {
  pointer-events: none;
}
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button.focus {
  color: #eeeeee;
  background-color: #dadada;
  border-color: #8c8c8c;
}
.ui-grid-pager-control button:hover {
  color: #eeeeee;
  background-color: #dadada;
  border-color: #adadad;
}
.ui-grid-pager-control button:active,
.ui-grid-pager-control button.active,
.open > .dropdown-toggle.ui-grid-pager-control button {
  color: #eeeeee;
  background-color: #dadada;
  border-color: #adadad;
}
.ui-grid-pager-control button:active:hover,
.ui-grid-pager-control button.active:hover,
.open > .dropdown-toggle.ui-grid-pager-control button:hover,
.ui-grid-pager-control button:active:focus,
.ui-grid-pager-control button.active:focus,
.open > .dropdown-toggle.ui-grid-pager-control button:focus,
.ui-grid-pager-control button:active.focus,
.ui-grid-pager-control button.active.focus,
.open > .dropdown-toggle.ui-grid-pager-control button.focus {
  color: #eeeeee;
  background-color: #c8c8c8;
  border-color: #8c8c8c;
}
.ui-grid-pager-control button:active,
.ui-grid-pager-control button.active,
.open > .dropdown-toggle.ui-grid-pager-control button {
  background-image: none;
}
.ui-grid-pager-control button.disabled:hover,
.ui-grid-pager-control button[disabled]:hover,
fieldset[disabled] .ui-grid-pager-control button:hover,
.ui-grid-pager-control button.disabled:focus,
.ui-grid-pager-control button[disabled]:focus,
fieldset[disabled] .ui-grid-pager-control button:focus,
.ui-grid-pager-control button.disabled.focus,
.ui-grid-pager-control button[disabled].focus,
fieldset[disabled] .ui-grid-pager-control button.focus {
  background-color: #f3f3f3;
  border-color: #cccccc;
}
.ui-grid-pager-control button .badge {
  color: #f3f3f3;
  background-color: #eeeeee;
}
.ui-grid-pager-control input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  display: inline;
  height: 26px;
  width: 50px;
  vertical-align: top;
}
.ui-grid-pager-control input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-control input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.ui-grid-pager-control input:-ms-input-placeholder {
  color: #999999;
}
.ui-grid-pager-control input::-webkit-input-placeholder {
  color: #999999;
}
.ui-grid-pager-control input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly],
fieldset[disabled] .ui-grid-pager-control input {
  background-color: #eeeeee;
  opacity: 1;
}
.ui-grid-pager-control input[disabled],
fieldset[disabled] .ui-grid-pager-control input {
  cursor: not-allowed;
}
textarea.ui-grid-pager-control input {
  height: auto;
}
select.ui-grid-pager-control input {
  height: 30px;
  line-height: 30px;
}
textarea.ui-grid-pager-control input,
select[multiple].ui-grid-pager-control input {
  height: auto;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number {
  vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
  vertical-align: middle;
}
.ui-grid-pager-control .first-bar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}
.ui-grid-pager-control .first-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}
.ui-grid-pager-control .next-triangle {
  margin-left: 1px;
}
.ui-grid-pager-control .prev-triangle {
  margin-left: 0;
}
.ui-grid-pager-control .last-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}
.ui-grid-pager-control .last-bar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}
.ui-grid-pager-row-count-picker {
  float: left;
}
.ui-grid-pager-row-count-picker select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  height: 26px;
  width: 67px;
  display: inline;
}
.ui-grid-pager-row-count-picker select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-row-count-picker select::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.ui-grid-pager-row-count-picker select:-ms-input-placeholder {
  color: #999999;
}
.ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
  color: #999999;
}
.ui-grid-pager-row-count-picker select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly],
fieldset[disabled] .ui-grid-pager-row-count-picker select {
  background-color: #eeeeee;
  opacity: 1;
}
.ui-grid-pager-row-count-picker select[disabled],
fieldset[disabled] .ui-grid-pager-row-count-picker select {
  cursor: not-allowed;
}
textarea.ui-grid-pager-row-count-picker select {
  height: auto;
}
select.ui-grid-pager-row-count-picker select {
  height: 30px;
  line-height: 30px;
}
textarea.ui-grid-pager-row-count-picker select,
select[multiple].ui-grid-pager-row-count-picker select {
  height: auto;
}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
  margin-top: 3px;
}
.ui-grid-pager-count-container {
  float: right;
  margin-top: 4px;
  min-width: 50px;
}
.ui-grid-pager-count-container .ui-grid-pager-count {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-pinned-container {
  position: absolute;
  display: inline;
  top: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left {
  float: left;
  left: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right {
  float: right;
  right: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left
  .ui-grid-header-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left
  .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left
  .ui-grid-header-cell:not(:last-child)
  .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left
  .ui-grid-header-cell:not(:last-child)
  .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left
  .ui-grid-cell:not(:last-child)
  .ui-grid-vertical-bar {
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left
  .ui-grid-header-cell:last-child
  .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right
  .ui-grid-header-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right
  .ui-grid-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right
  .ui-grid-header-cell:not(:first-child)
  .ui-grid-vertical-bar,
.ui-grid-pinned-container
  .ui-grid-cell:not(:first-child)
  .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right
  .ui-grid-header-cell:not(:first-child)
  .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right
  .ui-grid-cell:not(:last-child)
  .ui-grid-vertical-bar {
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-first
  .ui-grid-header-cell:first-child
  .ui-grid-vertical-bar {
  left: -1px;
  width: 1px;
  background-color: #aeaeae;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-column-resizer {
  top: 0;
  bottom: 0;
  width: 5px;
  position: absolute;
  cursor: col-resize;
}
.ui-grid-column-resizer.left {
  left: 0;
}
.ui-grid-column-resizer.right {
  right: 0;
}
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px solid #d4d4d4;
}
.ui-grid[dir="rtl"]
  .ui-grid-header-cell:last-child
  .ui-grid-column-resizer.right {
  border-right: 0;
}
.ui-grid[dir="rtl"]
  .ui-grid-header-cell:last-child
  .ui-grid-column-resizer.left {
  border-left: 1px solid #d4d4d4;
}
.ui-grid.column-resizing {
  cursor: col-resize;
}
.ui-grid.column-resizing .ui-grid-resize-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #aeaeae;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-row-saving .ui-grid-cell {
  color: #848484 !important;
}
.ui-grid-row-dirty .ui-grid-cell {
  color: #610b38;
}
.ui-grid-row-error .ui-grid-cell {
  color: #ff0000 !important;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #c9dde1;
}
.ui-grid-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ui-grid-selection-row-header-buttons {
  cursor: pointer;
  opacity: 0.1;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected {
  opacity: 1;
}
.ui-grid-selection-row-header-buttons.ui-grid-all-selected {
  opacity: 1;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-tree-row-header-buttons.ui-grid-tree-header {
  cursor: pointer;
  opacity: 1;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-tree-header-row {
  font-weight: bold !important;
}
.ui-grid-tree-header-row
  .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: all;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
div.ui-grid-cell-contents.invalid {
  border: 1px solid #fc8f8f;
}

.ui-grid-icon-plus-squared:before {
  content: "\c350";
}
/* '썐' */
.ui-grid-icon-minus-squared:before {
  content: "\c351";
}
/* '썑' */
.ui-grid-icon-search:before {
  content: "\c352";
}
/* '썒' */
.ui-grid-icon-cancel:before {
  content: "\c353";
}
/* '썓' */
.ui-grid-icon-info-circled:before {
  content: "\c354";
}
/* '썔' */
.ui-grid-icon-lock:before {
  content: "\c355";
}
/* '썕' */
.ui-grid-icon-lock-open:before {
  content: "\c356";
}
/* '썖' */
.ui-grid-icon-pencil:before {
  content: "\c357";
}
/* '썗' */
.ui-grid-icon-down-dir:before {
  content: "\c358";
}
/* '썘' */
.ui-grid-icon-up-dir:before {
  content: "\c359";
}
/* '썙' */
.ui-grid-icon-left-dir:before {
  content: "\c35a";
}
/* '썚' */
.ui-grid-icon-right-dir:before {
  content: "\c35b";
}
/* '썛' */
.ui-grid-icon-left-open:before {
  content: "\c35c";
}
/* '썜' */
.ui-grid-icon-right-open:before {
  content: "\c35d";
}
/* '썝' */
.ui-grid-icon-angle-down:before {
  content: "\c35e";
}
/* '썞' */
.ui-grid-icon-filter:before {
  content: "\c35f";
}
/* '썟' */
.ui-grid-icon-sort-alt-up:before {
  content: "\c360";
}
/* '썠' */
.ui-grid-icon-sort-alt-down:before {
  content: "\c361";
}
/* '썡' */
.ui-grid-icon-ok:before {
  content: "\c362";
}
/* '썢' */
.ui-grid-icon-menu:before {
  content: "\c363";
}
/* '썣' */
.ui-grid-icon-indent-left:before {
  content: "\e800";
}
/* '' */
.ui-grid-icon-indent-right:before {
  content: "\e801";
}
/* '' */
.ui-grid-icon-spin5:before {
  content: "\ea61";
}
/* '' */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif /*{ffDefault}*/;
  font-size: 1em /*{fsDefault}*/;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif /*{ffDefault}*/;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5 /*{borderColorDefault}*/;
}
.ui-widget-content {
  border: 1px solid #dddddd /*{borderColorContent}*/;
  background: #ffffff /*{bgColorContent}*/ /*{bgImgUrlContent}*/
    /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
  color: #333333 /*{fcContent}*/;
}
.ui-widget-content a {
  color: #333333 /*{fcContent}*/;
}
.ui-widget-header {
  border: 1px solid #dddddd /*{borderColorHeader}*/;
  background: #e9e9e9 /*{bgColorHeader}*/ /*{bgImgUrlHeader}*/
    /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
  color: #333333 /*{fcHeader}*/;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333 /*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,

        /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5 /*{borderColorDefault}*/;
  background: #f6f6f6 /*{bgColorDefault}*/ /*{bgImgUrlDefault}*/
    /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: #454545 /*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545 /*{fcDefault}*/;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc /*{borderColorHover}*/;
  background: #ededed /*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/
    /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: #2b2b2b /*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b /*{fcHover}*/;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff /*{borderColorActive}*/;
  background: #007fff /*{bgColorActive}*/ /*{bgImgUrlActive}*/
    /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
  font-weight: normal /*{fwDefault}*/;
  color: #ffffff /*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff /*{borderColorActive}*/;
  background-color: #ffffff /*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff /*{fcActive}*/;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e /*{borderColorHighlight}*/;
  background: #fffa90 /*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/
    /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
  color: #777620 /*{fcHighlight}*/;
}
.ui-state-checked {
  border: 1px solid #dad55e /*{borderColorHighlight}*/;
  background: #fffa90 /*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620 /*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899 /*{borderColorError}*/;
  background: #fddfdf /*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/
    /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
  color: #5f3f3f /*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f /*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f /*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_444444_256x240-a4c733ec4baef9ad3896d4e34a8a5448.png)
    /*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_444444_256x240-a4c733ec4baef9ad3896d4e34a8a5448.png)
    /*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_555555_256x240-971364734f3b603e5d363a2634898b42.png)
    /*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_ffffff_256x240-bf27228a7d3957983584fa7698121ea1.png)
    /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_777620_256x240-208a290102a4ada58a04de354a1354d7.png)
    /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_cc0000_256x240-0de3b51742ed3ac61435875bccd8973b.png)
    /*{iconsError}*/;
}
.ui-button .ui-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_777777_256x240-73a1fd052c9d84c0ee0bea3ee85892ed.png)
    /*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px /*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa /*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/
    /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
  opacity: 0.3 /*{opacityOverlay}*/;
  filter: Alpha(Opacity=30) /*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 /*{offsetLeftShadow}*/ 0 /*{offsetTopShadow}*/ 5px
    /*{thicknessShadow}*/ #666666 /*{bgColorShadow}*/;
  box-shadow: 0 /*{offsetLeftShadow}*/ 0 /*{offsetTopShadow}*/ 5px
    /*{thicknessShadow}*/ #666666 /*{bgColorShadow}*/;
}
/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
/*colours & variables*/
/*browser prefixes and use*/
/*prefix declarations*/

.eo-vis-title,
.eo-vis-search-panel
  .eo-vis-search-panel-search-header
  .eo-vis-search-panel-header,
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .eo-vis-validator-panel-header,
.eo-vis-save-dialog .modal-title,
.eo-vis-editor-left .eo-vis-editor-left-header span,
.eo-vis-editor-search-panel-search-header .eo-vis-editor-search-panel-header,
.eo-vis-editor-right .eo-vis-editor-right-header span {
  font-size: 14px;
  font-weight: 700;
}

/*shadow*/
.eo-vis-search-panel-menu-buttons,
.eo-vis-search-panel
  .eo-vis-search-panel-search-header
  .eo-vis-search-panel-close,
.eo-vis-search-panel
  .eo-vis-search-panel-search-header
  .eo-vis-search-panel-minimize,
.eo-vis-editor-search-panel-search-header .eo-vis-editor-vis-search-panel-close,
.eo-vis-editor-search-panel-search-header
  .eo-vis-editor-vis-search-panel-maximize {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 2px 3px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  cursor: pointer;
}

.eo-vis-palette {
  background-color: #f6f6f6;
  width: 100%;
  height: calc(100% - 26px);
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.eo-vis-palette-perspective {
  background-color: white;
  padding-bottom: 6px;
  border-bottom: 1px solid #e8e8e8;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.eo-vis-palette-perspective-dropdown {
  background-color: transparent;
  border: none;
  height: 100%;
  width: calc(100% - 4px);
  margin-left: 4px;
}
.eo-vis-palette-perspective-input-wrapper {
  height: 25px;
  background-color: #ffffff;
  position: relative;
  width: calc(100% - 48px);
  margin: 6px auto 0 12px;
  border: 1px solid #e8e8e8;
  display: inline-block;
}
.eo-vis-palette-perspective-input-wrapper .glyphicon {
  position: absolute;
  left: 8px;
  top: 5px;
  pointer-events: none;
  color: #7d7d7d;
}
.eo-vis-palette-perspective-input-text {
  border: none;
  height: 100%;
  padding-left: 26px;
  width: 100%;
}
.eo-vis-palette-perspective-button {
  width: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 7px;
  cursor: pointer;
}
.eo-vis-palette-group-expansion-button {
  float: right;
  margin-right: 16px;
}

.eo-vis-palette-list,
.eo-vis-palette-group-list,
.eo-vis-palette-group-item-list {
  list-style-type: none;
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.eo-vis-palette-group-item-list {
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
  background-color: white;
}

.eo-vis-palette-header,
.eo-vis-palette-group-header {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 15px;
  height: 30px;
  border-bottom: 1px solid #e8e8e8;
  background-color: #f8f8f8;
}
.eo-vis-palette-header:focus,
.eo-vis-palette-group-header:focus {
  outline: none;
}

.eo-vis-palette-group-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eo-vis-palette-header {
  padding-left: 5px;
}

.eo-vis-palette-group-item-node {
  outline: none;
  vertical-align: top;
}
.eo-vis-palette-group-item-node--thumbnail {
  display: inline-block;
  padding: 0;
}
.eo-vis-palette-group-item-node--thumbnail
  .eo-vis-palette-group-item-node-content {
  text-align: center;
  height: auto;
  width: 58px;
  display: block;
  padding: 2px;
  vertical-align: top;
  margin: 0;
}
.eo-vis-palette-group-item-node--thumbnail
  .eo-vis-palette-group-item-node-content
  .eo-vis-palette-group-item-node-text {
  white-space: normal;
  padding-left: 0;
  margin-top: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eo-vis-palette-group-item-node--thumbnail
  .eo-vis-palette-group-item-node-content
  img {
  width: 100%;
  height: auto;
  padding: 9px;
  padding-bottom: 2px;
  opacity: 0.65;
}
.eo-vis-palette-group-item-node--thumbnail img {
  height: 32px;
  width: 32px;
}
.eo-vis-palette-group-item-node--thumbnail:hover
  .eo-vis-palette-group-item-node-content
  img {
  opacity: 1;
}

.eo-vis-palette-group-item-node:hover {
  background-color: #e8e8e8;
}

.eo-vis-palette-group-item-node-content {
  height: 18px;
  padding: 4px 0 4px 34px;
  margin: 0 2px 0 1px;
  cursor: pointer;
  background-color: transparent;
}

.eo-vis-palette-group-item-node-content:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  outline: none;
}

.eo-vis-palette-group-item-node-icon {
  padding: 0;
  width: 16px;
  height: 16px;
  vertical-align: baseline;
  image-rendering: pixelated;
}
.eo-vis-palette-group-item-node-icon--bigIcon {
  opacity: 0.7;
}
.eo-vis-palette-group-item-node-icon--bigIcon:hover {
  opacity: 1;
}

.eo-vis-palette-group-item-node span {
  display: block;
  margin-top: -17px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eo-vis-palette-group-item-node-text {
  padding-left: 20px;
  color: #626262;
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.eo-vis-palette-list-container {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  overflow-y: auto;
}

.eo-vis-palette-list-container::-webkit-scrollbar {
  width: 8px;
  outline: none;
}

.eo-vis-palette-list-container::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: #c1c1c1;
  -webkit-box-shadow: inset -1px -1px 0px #c1c1c1, inset 1px 1px 0px #c1c1c1;
}

.eo-vis-palette-list-container::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.eo-vis-palette-list-container::-webkit-scrollbar-corner {
  background-color: transparent;
}

.eo-vis-search-panel {
  font-size: 12px;
}
.eo-vis-search-panel .ui-grid-top-panel {
  background: none;
}
.eo-vis-search-panel .eo-vis-search-panel-search-header {
  height: 23px;
  position: relative;
  z-index: 3;
  padding-top: 10px;
}
.eo-vis-search-panel
  .eo-vis-search-panel-search-header
  .eo-vis-search-panel-header {
  margin: 0px;
  padding: 5px;
}
.eo-vis-search-panel
  .eo-vis-search-panel-search-header
  .eo-vis-search-panel-close {
  padding: 2px 3px;
}
.eo-vis-search-panel
  .eo-vis-search-panel-search-header
  .eo-vis-search-panel-minimize {
  padding: 2px 22px;
}
.eo-vis-search-panel .eo-vis-search-panel-search-box {
  height: 34px;
  position: relative;
  z-index: 2;
}
.eo-vis-search-panel .eo-vis-search-panel-search-box input.form-control {
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
}
.eo-vis-search-panel
  .eo-vis-search-panel-search-box
  .input-group-btn
  .searchButton {
  margin-left: 0px;
  background-color: #666;
  font-size: 12px;
  font-weight: 400;
  border-radius: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.eo-vis-search-panel
  .eo-vis-search-panel-search-box
  .input-group-btn
  .searchButton:hover {
  color: white;
}
.eo-vis-search-panel .ui-grid {
  min-height: 100%;
  height: 100% !important;
  padding-top: 32px;
  overflow: hidden;
}
.eo-vis-search-panel .ui-grid-header-cell,
.eo-vis-search-panel .ui-grid-row,
.eo-vis-search-panel .ui-grid-cell,
.eo-vis-search-panel .ui-grid-cell {
  font-size: 12px !important;
}

.eo-vis-validator-panel {
  height: 100%;
  overflow: hidden;
}
.eo-vis-validator-panel .ui-grid-top-panel {
  background: none;
}
.eo-vis-validator-panel .eo-vis-validator-panel-header-body {
  height: 23px;
  margin-bottom: -23px;
  position: relative;
  z-index: 3;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .eo-vis-validator-panel-header {
  margin: 0px;
  padding: 5px;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .eo-vis-validator-panel-close {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 2px 3px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  cursor: pointer;
}
.eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown {
  position: absolute;
  display: inline-block;
  float: right;
  right: 0px;
  top: 20px;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown
  .filter-btn {
  padding: 5px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: black;
  font-size: 12px;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown
  .filter-btn:focus {
  outline: 0px solid transparent !important;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  margin-top: 0px;
  left: -90px;
  padding-bottom: 10px;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content
  label:nth-of-type(1) {
  color: #c00 !important;
  margin-top: 0;
  margin-left: 10px;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content
  label:nth-of-type(2) {
  color: #00c !important;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content
  label:nth-of-type(3) {
  color: #f90 !important;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content
  label:nth-of-type(4) {
  color: #f0f !important;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content:focus {
  outline: 0px solid transparent !important;
}
.eo-vis-validator-panel
  .eo-vis-validator-panel-header-body
  .filter-dropdown-content
  input {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.eo-vis-validator-panel .ui-grid {
  min-height: 100%;
  height: 100% !important;
  padding-top: 23px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  border-color: whitesmoke;
}
.eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper {
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  border-width: 1px 1px 0 1px;
}
.eo-vis-validator-panel
  .ui-grid
  .ui-grid-contents-wrapper
  .ui-grid-render-container {
  padding-top: 31px;
  box-sizing: border-box;
  height: 100%;
}
.eo-vis-validator-panel
  .ui-grid
  .ui-grid-contents-wrapper
  .ui-grid-render-container
  .ui-grid-header {
  margin-top: -31px;
  position: relative;
  z-index: 2;
}
.eo-vis-validator-panel
  .ui-grid
  .ui-grid-contents-wrapper
  .ui-grid-render-container
  .ui-grid-viewport {
  min-height: 100%;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
.eo-vis-validator-panel
  .ui-grid
  .ui-grid-contents-wrapper
  .ui-grid-render-container
  .ui-grid-viewport
  .ui-grid-canvas {
  width: 100% !important;
  overflow: hidden;
}
.eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-header-cell,
.eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-row,
.eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-cell,
.eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-cell {
  font-size: 12px !important;
}
.eo-vis-validator-panel
  .ui-grid
  .ui-grid-contents-wrapper
  .ui-grid-header-cell-primary-focus:focus {
  outline: 0px solid transparent !important;
}
.eo-vis-validator-panel .ui-grid-row,
.eo-vis-validator-panel .ui-grid-cell {
  height: auto !important;
}
.eo-vis-validator-panel .ui-grid-row div[role="row"] {
  display: flex;
  align-content: stretch;
}

.eo-vis-model-tabs {
  width: 100%;
  height: 100%;
  padding-left: 1px;
}
.eo-vis-model-tabs-container {
  border-bottom: 1px solid #cccccc;
  height: 32px;
  position: relative;
  z-index: 1;
}
.eo-vis-model-tabs-container ul#model-tabs {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  height: 32px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-top: 5px;
}
.eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab {
  max-width: 150px;
  float: left;
  margin: 0 0 -1px 4px;
  position: relative;
  z-index: 3;
  display: block;
  box-sizing: border-box;
  cursor: default;
}
.eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab:first-child {
  margin-left: 6px;
}
.eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #cccccc;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0;
  position: relative;
  display: block;
  padding: 3px 16px 3px 26px;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30px;
}
.eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a:hover {
  color: dimgrey;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-bottom-color: transparent;
  cursor: default;
  cursor: pointer;
}
.eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a:focus {
  outline: none;
}
.eo-vis-model-tabs-container
  ul#model-tabs
  > li.eo-vis-model-tab
  > a
  .form:before {
  content: "\f022";
}
.eo-vis-model-tabs-container
  ul#model-tabs
  > li.eo-vis-model-tab
  > a
  .process:before {
  content: "\f0db";
}
.eo-vis-model-tabs-container
  ul#model-tabs
  > li.eo-vis-model-tab
  > a
  .case:before {
  content: "\f0b1";
}
.eo-vis-model-tabs-container
  ul#model-tabs
  > li.eo-vis-model-tab
  > a
  > span.modified {
  color: red;
  vertical-align: sub;
}
.eo-vis-model-tabs-container
  ul#model-tabs
  > li.eo-vis-model-tab
  > a
  > span.name {
  vertical-align: sub;
}
.eo-vis-model-tabs-container
  ul#model-tabs
  > li.eo-vis-model-tab
  > a
  .eo-vis-model-tab-icon {
  opacity: 0.3;
  position: absolute;
  left: 4px;
  top: 6px;
}
.eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > i {
  font-size: 8px;
  position: absolute;
  right: 4px;
  color: dimgrey;
  cursor: pointer;
}
.eo-vis-model-tabs-container ul#model-tabs > li.active > a {
  color: dimgrey;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-bottom-color: transparent;
  cursor: default;
}
.eo-vis-model-tabs-container ul#model-tabs > li.active > a:focus {
  color: dimgrey;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-bottom-color: transparent;
  cursor: default;
}
.eo-vis-model-tabs-container ul#model-tabs > li.active > a:hover {
  color: dimgrey;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-bottom-color: transparent;
  cursor: default;
}
.eo-vis-model-tabs .eo-vis-model-list {
  position: absolute;
  z-index: 9999;
  width: 32px;
  height: 32px;
  padding: 9px;
  left: 0px;
  top: 2px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 16px;
}
.eo-vis-model-tabs .eo-vis-model-list-filter {
  width: 20%;
  float: left;
  border: 1px solid #aeaeae;
  border-right: none;
  position: relative;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-menu {
  display: none;
  position: absolute;
  background-color: white;
  left: 100%;
  top: -1px;
  border: 1px solid #aeaeae;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-menu-item {
  padding: 10px;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-menu-item:hover {
  background-color: #f2f2f2;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-menu-item.selected {
  color: #337ab7;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-selector {
  height: 22px;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-selector-icon {
  padding-left: 6px;
  padding-top: 5px;
}
.eo-vis-model-tabs .eo-vis-model-list-filter-selector-text {
  overflow: hidden;
  width: calc(100% - 24px);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  position: relative;
  margin-left: 2px;
  vertical-align: sub;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-filter:hover
  .eo-vis-model-list-filter-menu {
  display: block;
}
.eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option {
  position: absolute;
  max-height: calc(100vh - 158px);
  width: 350px;
  top: 36px;
  border: 1px solid #c8c8c8;
  left: 4px;
  z-index: 105;
  background-color: white;
  -webkit-box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
  -moz-box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
  -ms-box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
  box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
  font-size: 11px;
  font-family: arial, sans-serif;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-query {
  width: 80%;
  float: left;
  border: 1px solid #aeaeae;
  border-width: 1px 0px 1px 0px;
  padding: 0px 2px 2px 4px;
  line-height: 20px;
  box-sizing: border-box;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul {
  display: block;
  width: 100%;
  max-height: calc(100vh - 320px);
  overflow-x: hidden;
  overflow-y: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li:hover {
  cursor: pointer;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li.disable {
  cursor: default;
  background-color: #fff;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li:nth-child(odd) {
  background-color: #f2f2f2;
}
// .eo-vis-model-tabs
//   .eo-vis-model-list
//   .eo-vis-model-list-option
//   #eo-vis-model-list-option-ul
//   li:nth-child(event) {
//   background-color: #efefef;
// }
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li:hover {
  background-color: #bfbfbf;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li.disable:hover {
  background-color: #fff;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li {
  padding: 2px 0px;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li
  span.eo-vis-model-tab-icon {
  vertical-align: bottom;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li
  > span {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li
  > span.icon {
  margin-left: 5px;
  margin-top: 2px;
  opacity: 0.3;
  vertical-align: baseline;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li
  > span.text {
  margin-left: 5px;
  font-size: 12px;
  max-width: calc(100% - 30px);
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li
  > span.modified {
  color: red;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  #eo-vis-model-list-option-ul
  li
  + li {
  border-top: 1px solid #aeaeae;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create {
  width: 100%;
  padding: 0;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create
  li {
  display: inline-block;
  width: 65px;
  box-sizing: border-box;
  margin: 0;
  vertical-align: top;
  padding-bottom: 0;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create
  li:hover
  .eo-vis-model-tab-icon
  svg {
  opacity: 1;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create
  .eo-vis-model-tab-icon {
  height: 100%;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create
  .eo-vis-model-tab-icon
  svg {
  opacity: 0.6;
  height: 100%;
  width: 100%;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create-tag {
  font-size: 14px;
  padding: 4px 8px;
  border-top: 1px solid #e8e8e8;
  background-color: #daf4fb;
  margin-bottom: 10px;
  text-align: center;
}
.eo-vis-model-tabs
  .eo-vis-model-list
  .eo-vis-model-list-option
  .eo-vis-model-list-create-label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 11px;
}
.eo-vis-model-tabs .eo-vis-model-list-open-tag {
  font-size: 14px;
  padding: 4px 8px;
  background-color: #daf4fb;
  text-align: center;
}
.eo-vis-model-tabs .eo-vis-model-container {
  border-top: 0 solid #aeaeae;
  margin-top: 0;
  width: 100%;
  height: calc(100% - 32px);
  display: block;
  position: relative;
}

.eo-vis-canvas {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
  background-color: #eee;
  vertical-align: middle;
  padding-bottom: 4px;
}
.eo-vis-canvas-area {
  background-color: #fff;
  margin: auto;
  position: relative;
}
.eo-vis-canvas--grab {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.htmlContainer {
  top: 2px;
}
.htmlContainer .rename-shape-input,
.htmlContainer .rename-shape-input:focus,
.htmlContainer .rename-shape-textarea:focus {
  outline: 1px solid #eee;
}
.htmlContainer .rename-shape-textarea {
  outline: 1px solid #eee;
  font-size: 12px;
  font-family: arial, sans-serif;
}

.modelContainer {
  position: relative;
  overflow: auto;
}

.eo-vis-attributes-panel {
  overflow-y: auto;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f5f5;
}
.eo-vis-attributes-panel-group {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 15px;
  height: 30px;
  background-color: #409eff;
  color: white;
  border-bottom: 1px solid #e8e8e8;
}
.eo-vis-attributes-panel-group-expansion-button {
  float: right;
  margin-right: 16px;
}
.eo-vis-attributes-panel-group:focus {
  border-color: #0096ff;
}
.eo-vis-attributes-panel-group:focus i {
  color: #0096ff;
}
.eo-vis-attributes-panel-group-content {
  padding: 0;
  border-bottom: 1px solid #e8e8e8;
  background-color: #f5f5f5;
}
.eo-vis-attributes-panel-resizer {
  position: absolute;
  height: 100%;
  width: 6px;
  left: -6px;
  top: 0;
  background-color: #7a9cff;
  opacity: 0;
  cursor: col-resize;
}
.eo-vis-attributes-panel-resizer:hover {
  opacity: 1;
}

.eo-vis-control-expand-content {
  border: 2px solid #ededed;
}
.eo-vis-control-expand-content td:focus {
  color: #0096ff;
}

.eo-vis-control-expand-header button {
  width: 100%;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e8e8e8;
  word-break: break-word;
}

.eo-vis-control-tabs-selection-active {
  text-decoration: underline;
  font-weight: bold;
}

.eo-vis-attribute-control {
  min-height: 32px;
  border-bottom: 4px solid #ededed;
  position: relative;
  box-sizing: border-box;
}
.eo-vis-attribute-control-validationIcon {
  position: absolute;
  left: 3px;
  font-size: 12px;
  top: 7px;
  color: firebrick;
  opacity: 0.5;
}
.eo-vis-attribute-control-validationIcon:hover {
  opacity: 1;
}
.eo-vis-attribute-control-runtimeButton {
  border: 1px solid transparent;
  width: 16px;
  box-sizing: border-box;
  height: 16px;
  cursor: pointer;
  padding: 0;
  position: absolute;
  right: 7px;
  top: 4px;
  z-index: 2;
}
.eo-vis-attribute-control-runtimeButton[active="false"] {
  opacity: 0.4;
}
.eo-vis-attribute-control :focus {
  border-color: #0096ff;
}
.eo-vis-attribute-control-label {
  margin-bottom: 0;
  font-size: 12px;
  height: 20px;
  display: block;
  color: #333;
}
.eo-vis-attribute-control-input {
  color: #636363;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100px;
  overflow-x: hidden;
  min-height: 23px;
  height: 23px;
  resize: none;
  overflow-y: auto;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-color: white;
  padding-left: 10px;
  font-family: monospace;
  font-size: 13px;
}
.eo-vis-attribute-control-input--invalid {
  border: 1px solid #ff8282;
}
.eo-vis-attribute-control-input--autoSize {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 20px;
  height: 20px;
  width: calc(100% - 14px);
}
.eo-vis-attribute-control-box {
  background-color: white;
}
.eo-vis-attribute-control-mode-container {
  width: 100%;
  display: table;
}
.eo-vis-attribute-control-mode-container .eo-vis-attribute-control-label {
  vertical-align: middle;
}
.eo-vis-attribute-control-mode-container .eo-vis-attribute-control-input {
  display: table-cell;
}
.eo-vis-attribute-control-special {
  display: inline-block;
  float: left;
  padding-right: 4px;
}
.eo-vis-attribute-control-special-item {
  height: 18px;
  width: 18px;
  border: 1px solid #c8c8c8;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  opacity: 0.4;
}
.eo-vis-attribute-control-special-item--runtime {
  opacity: 1;
}
.eo-vis-attribute-control-special-item:hover {
  color: black;
  text-decoration: underline;
}
.eo-vis-attribute-control-title-container {
  cursor: pointer;
  border: 1px solid transparent;
  height: 28px;
}
.eo-vis-attribute-control-title-container:focus {
  border: 1px solid #0096ff;
}
.eo-vis-attribute-control-title-container label {
  cursor: pointer;
}
.eo-vis-attribute-control--inline {
  display: inline-block;
}
.eo-vis-attribute-control--inline .eo-vis-attribute-control-label {
  display: inline-block;
}
.eo-vis-attribute-control--inline .eo-vis-attribute-control-input {
  display: inline-block;
  width: auto;
  margin-left: 4px;
  position: relative;
}
.eo-vis-attribute-control--inline .eo-vis-attribute-control-mode-container {
  width: auto;
  display: inline-block;
}
.eo-vis-attribute-control--inline
  .eo-vis-attribute-control-mode-container
  .eo-vis-attribute-control-label {
  display: inline-block;
  width: auto;
}
.eo-vis-attribute-control--inline
  .eo-vis-attribute-control-mode-container
  .eo-vis-attribute-control-input {
  display: inline-block;
}
.eo-vis-attribute-control--displayTable .eo-vis-control-field {
  display: table;
  width: 100%;
}
.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-label {
  display: table-cell;
  width: 50%;
  padding-right: 4px;
  padding-top: 5px;
}
.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-input {
  display: table-cell;
}
.eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label {
  display: block;
  width: 100%;
  padding-top: 6px;
}
.eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-input {
  display: block;
  margin-top: 4px;
}
.eo-vis-attribute-control--animationHighlight {
  animation: attributes-panel-control-highlight 2s;
}
.eo-vis-attribute-control--animationSave {
  animation: attributes-panel-control-save-border 0.5s;
}
.eo-vis-attribute-control--animationSave:before {
  /* animation: attributes-panel-control-save 0.5s;*/
}
.eo-vis-attribute-control:before {
  border-radius: 50%;
  height: 7px;
  width: 7px;
  opacity: 0;
  position: absolute;
  left: -11px;
  color: transparent;
  background-color: #2bbc2f;
  content: "&nbsp;";
  top: 4px;
  pointer-events: none;
}
.eo-vis-attribute-control button:focus {
  outline: 1px solid #0096ff;
}

.eo-vis-control-field {
  padding-left: 18px;
}

.eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--flex
  .eo-vis-attribute-control-label-text {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right: 10px;
}
.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--flex
  .eo-vis-attribute-control-label-value {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  font-style: italic;
  white-space: nowrap;
  color: dimgrey;
}

@keyframes attributes-panel-control-save {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes attributes-panel-control-save-border {
  0% {
    background-color: #d9ecfb;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes attributes-panel-control-highlight {
  0% {
    background: #0096ff;
  }
  100% {
    background: inherit;
  }
}

.eo-vis-control-complex-date-tab {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.eo-vis-control-complex-date-tab:focus {
  color: #0096ff;
  border-right: 1px solid #ededed;
}
.eo-vis-control-complex-date-tab:last-child {
  border-right: none;
}

.eo-vis-control-complex-date .eo-vis-control-tabs-selection-active {
  border-bottom: 1px solid transparent;
}

.eo-vis-control-complex-date-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
}

.eo-vis-control-complex-date .eo-vis-attribute-control-input {
  box-sizing: content-box;
  /* makes autosize happy */
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--complexdate {
  cursor: pointer;
  display: inline-block;
}

.eo-vis-control-rich-text {
  /* .cke_toolbar_last:last-child {
    display: block;
    &:after{
      content: 'Go fullscreen for more control';
      vertical-align: sub;
      color: #8c8c8c;
    }
  }*/
}
.eo-vis-control-rich-text .cke {
  clear: both;
  margin-top: 4px;
}
.eo-vis-control-rich-text .cke_toolgroup {
  margin-bottom: 1px;
}
.eo-vis-control-rich-text .cke_top {
  display: none;
  /*  padding: 2px 2px 2px;
    background-image: none;
    border-bottom-color: #e8e8e8;
    background-color: #fafafa;*/
}
.eo-vis-control-rich-text .cke_chrome {
  box-shadow: none;
  border: 1px solid #e8e8e8;
}
.eo-vis-control-rich-text .cke_contents iframe body,
.eo-vis-control-rich-text .cke_contents iframe html {
  padding: 0;
  margin: 0;
}
.eo-vis-control-rich-text .cke_contents iframe body p,
.eo-vis-control-rich-text .cke_contents iframe html p {
  margin: 0;
}
.eo-vis-control-rich-text a.cke_button {
  heigth: 16px;
  padding: 1px 1px;
}
.eo-vis-control-rich-text .cke_bottom {
  display: none;
}
.eo-vis-control-rich-text .cke_toolbar {
  display: none;
}
.eo-vis-control-rich-text-edit {
  display: inline-table;
  position: absolute;
  right: 10px;
  top: 8px;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 12px;
}
.eo-vis-control-rich-text-edit:focus {
  outline-style: auto;
}
.eo-vis-control-rich-text-dialog {
  width: 80vw;
}
.eo-vis-control-rich-text-dialog .modal-body {
  height: 70vh;
}
.eo-vis-control-rich-text-dialog .modal-body .modal-body-wrapper {
  height: 100%;
}

.eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text.isEmpty .cke {
  opacity: 0;
  margin-top: -18px;
  width: calc(100% - 30px);
}

.eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text label {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text .cke {
  width: calc(100% - 6px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-rich-text
  .cke.cke_focus {
  opacity: 1;
  margin-top: 4px;
  width: calc(100% - 6px);
}

.eo-vis-attribute-control--boolean {
  width: 100%;
  padding-top: 3px;
}
.eo-vis-attribute-control--boolean .eo-vis-attribute-control-mode-container {
  width: 100%;
  display: block;
}
.eo-vis-attribute-control--boolean
  .eo-vis-attribute-control-mode-container--runtime {
  display: block;
}
.eo-vis-attribute-control--boolean
  .eo-vis-attribute-control-mode-container--normal
  label {
  cursor: pointer;
}
.eo-vis-attribute-control--boolean .eo-vis-attribute-control-label--boolean {
  display: inline;
  width: 30%;
}
.eo-vis-attribute-control--boolean
  .eo-vis-attribute-control-label--boolean--runtime {
  display: block;
  width: 100%;
}
.eo-vis-attribute-control--boolean .eo-vis-attribute-control-input--boolean {
  display: table-cell;
}
.eo-vis-attribute-control--boolean
  .eo-vis-attribute-control-input--boolean--runtime {
  display: block;
  width: 100%;
}
.eo-vis-attribute-control--boolean
  .eo-vis-control-boolean
  .eo-vis-attribute-control-runtime-dialogButton.isEmpty {
  display: none;
}
.eo-vis-attribute-control--boolean
  .eo-vis-control-boolean--focused
  .eo-vis-attribute-control-runtime-dialogButton.isEmpty {
  display: block;
}

.eo-vis-control-boolean-wrapper {
  min-height: 25px;
  cursor: pointer;
}

.eo-vis-control-boolean
  .eo-vis-attribute-control-runtimeButton
  + input[type="checkbox"] {
  margin-left: 4px;
}

.eo-vis-control-boolean input[type="checkbox"] {
  margin-left: 4px;
  cursor: pointer;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-boolean
  .eo-vis-attribute-control-input.isEmpty {
  opacity: 0;
  margin-top: -27px;
  display: block;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-boolean
  .eo-vis-attribute-control-input.isRuntime:not(:focus) {
  width: calc(100% - 30px);
}
.eo-vis-attribute-control--displayBlock
  .eo-vis-control-boolean
  .eo-vis-attribute-control-input.isRuntime:not(:focus).eo-vis-control-variable-assistant-textarea--hasButton {
  width: calc(100% - 48px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-boolean
  .eo-vis-attribute-control-input.eo-vis-control-variable-assistant-textarea {
  width: calc(100% - 6px);
}
.eo-vis-attribute-control--displayBlock
  .eo-vis-control-boolean
  .eo-vis-attribute-control-input.eo-vis-control-variable-assistant-textarea--hasButton {
  width: calc(100% - 48px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-boolean
  .eo-vis-attribute-control-input:focus {
  opacity: 1;
  margin-top: 4px;
}

.eo-vis-attribute-control-runtime-dialogButton {
  position: absolute;
  top: 28px;
  right: 4px;
  font-size: 12px;
  height: 24px;
  width: 24px;
  text-align: center;
  cursor: pointer;
}
.eo-vis-attribute-control-runtime-dialogButton:focus {
  outline: 1px solid #0096ff;
}
.eo-vis-attribute-control-runtime-dialogButton .glyphicon {
  vertical-align: bottom;
}

.eo-vis-control-treeView-create-button {
  float: right;
  margin-top: 4px;
  border: none;
  background-color: #2980b9;
  color: white;
}

.eo-vis-control-treeView .eo-vis-attribute-control-label-text:hover {
  text-decoration: underline;
}

.eo-vis-control-treeView-create-button:focus {
  outline-style: auto;
  /* necessary because there is a global :focus style from flowable-ui-modeler style.css */
}

.eo-vis-control-treeView-openReference,
.eo-vis-control-treeView
  .eo-vis-attribute-control-label--flex
  .eo-vis-attribute-control-label-value.eo-vis-control-treeView-openReference {
  color: #2980b9;
}
.eo-vis-control-treeView-openReference:hover,
.eo-vis-control-treeView
  .eo-vis-attribute-control-label--flex
  .eo-vis-attribute-control-label-value.eo-vis-control-treeView-openReference:hover {
  text-decoration: underline;
}

.eo-vis-control-treeView-referenceList {
  padding-top: 1px;
}
.eo-vis-control-treeView-referenceList-item {
  cursor: pointer;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 10px);
  margin-left: 4px;
}
.eo-vis-control-treeView-referenceList-item:focus {
  outline: 1px solid #2980b9;
}
.eo-vis-control-treeView-referenceList-item--selected {
  font-weight: bold;
  text-decoration: underline;
}

.eo-vis-control-treeView-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 12px;
}

.colorpicker:before,
.colorpicker:after {
  visibility: hidden;
  /* because it does not support top alignment, so we hide the arrow for now */
}

.eo-vis-attribute-control--color {
  position: relative;
}
.eo-vis-attribute-control--color .eo-vis-attribute-control-input {
  padding-left: 22px;
  margin-left: -10px;
}

.eo-vis-control-colorPicker-sample {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
  left: 8px;
  position: relative;
  z-index: 1;
}

.eo-vis-attributes-panel .eo-vis-attribute-control-label--complex {
  display: inline-table;
  margin-right: 4px;
  width: 30%;
  vertical-align: top;
}

.eo-vis-control-table {
  cursor: pointer;
}
.eo-vis-control-table-mode-container {
  display: block;
}
.eo-vis-control-table-container {
  margin-top: 2px;
  max-height: 100px;
  overflow: auto;
}
.eo-vis-control-table-container table {
  border: 1px solid #e8e8e8;
  min-width: 100%;
  font-size: 10px;
  font-family: monospace;
  background-color: white;
}
.eo-vis-control-table-container table th {
  padding: 2px;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
  color: #888;
}
.eo-vis-control-table-container table td {
  color: #888;
  padding: 2px;
  border: 1px solid #e8e8e8;
  max-width: 90px;
}
.eo-vis-control-table-container:focus {
  outline: 1px solid #0096ff;
}
.eo-vis-control-table-dialog {
  width: 80vw;
}
.eo-vis-control-table-dialog-grid {
  height: 60vh;
}
.eo-vis-control-table-dialog-grid
  .ui-grid-row:last-child
  .ui-grid-cell-contents {
  opacity: 0.4;
}
.eo-vis-control-table-dialog-grid
  .ui-grid-row:last-child
  .ui-grid-cell-contents-focus {
  opacity: 1;
}
.eo-vis-control-table-edit {
  display: inline-block;
  border-bottom-width: 2px;
  font-size: 12px;
  height: 26px;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: none;
  padding-left: 0;
}
.eo-vis-control-table-edit:focus {
  outline-style: auto;
}
.eo-vis-control-table-edit-icon {
  vertical-align: text-top;
  margin-right: 2px;
  float: right;
}
.eo-vis-control-table-buttonGroup {
  padding-top: 5px;
  padding-left: 4px;
  width: 80px;
  margin: 0 auto;
}
.eo-vis-control-table-button {
  padding: 1px 4px;
  outline: #d8d8d8 solid 1px;
  background-color: #ffffff;
  border-style: hidden;
}
.eo-vis-control-table-button:focus {
  outline: #0096ff solid 1px;
}
.eo-vis-control-table-button--hidden {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.eo-vis-control-table-preview-cell {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.eo-vis-control-table .eo-vis-attribute-control-input {
  box-sizing: content-box;
  /* makes autosize happy */
}

.eo-vis-attribute-control-runtimeButton + .eo-vis-control-table-edit {
  width: calc(100% - 36px);
}

.eo-vis-control-timer-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 12px;
}

.eo-vis-control-timer-label {
  height: 26px;
}
.eo-vis-control-timer-label:focus {
  outline: 1px solid #0096ff;
}

.eo-vis-control-timer .eo-vis-attribute-control-label {
  font-size: 12px;
  cursor: pointer;
}

.eo-vis-control-timer-time {
  width: 34px;
}

.eo-vis-control-timer-date {
  width: 88px;
}

.eo-vis-control-timer-duration-label {
  font-size: 12px;
}

.eo-vis-control-timer-duration-input {
  width: 40px;
}

.eo-vis-control-timer hr {
  margin-top: 4px;
  margin-bottom: 4px;
}

.eo-vis-control-timer-box {
  padding-top: 4px;
}

.eo-vis-control-timer .eo-vis-control-expand-content {
  margin-top: 4px;
}

.eo-vis-control-simple-text--displayTable {
  display: table;
  width: 100%;
}
.eo-vis-control-simple-text--displayTable .eo-vis-attribute-control-label {
  display: table-cell;
  width: 30%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.eo-vis-control-simple-text--displayTable .eo-vis-attribute-control-input {
  display: table-cell;
  width: 100%;
}

.eo-vis-control-simple-text textarea[readonly] {
  background-color: #f5f5f5;
}

.eo-vis-attribute-control--string.eo-vis-attribute-control--displayTable {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--string,
.eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--text,
.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--simpletext {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text label {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-simple-text
  .eo-vis-attribute-control-input.isEmpty {
  opacity: 0;
  margin-top: -18px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-simple-text
  .eo-vis-attribute-control-input:focus {
  opacity: 1;
  margin-top: 4px;
}

.eo-vis-control-simple-text-expression--displayTable {
  display: table;
  width: 100%;
}
.eo-vis-control-simple-text-expression--displayTable
  .eo-vis-attribute-control-label {
  display: table-cell;
  width: 30%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 6px;
}
.eo-vis-control-simple-text-expression--displayTable
  .eo-vis-attribute-control-input {
  display: table-cell;
  width: 100%;
}

.eo-vis-control-simple-text-expression
  .eo-vis-attribute-control-runtime-dialogButton {
  top: 2px;
}

.eo-vis-attribute-control--simpletextexpression.eo-vis-attribute-control--displayTable {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--textexpression {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-simple-text-expression
  label {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-simple-text-expression
  .eo-vis-attribute-control-input.isEmpty {
  opacity: 0;
  margin-top: -18px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-simple-text-expression
  .eo-vis-attribute-control-input:focus {
  opacity: 1;
  margin-top: 4px;
}

.eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable,
.eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable {
  width: 100%;
}
.eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-input,
.eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-input {
  height: 27px;
}
.eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-input:invalid,
.eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-input:invalid {
  color: red;
}
.eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-runtimeButton
  + .eo-vis-attribute-control-input,
.eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-runtimeButton
  + div
  > .eo-vis-attribute-control-input,
.eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-runtimeButton
  + .eo-vis-attribute-control-input,
.eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable
  .eo-vis-attribute-control-runtimeButton
  + div
  > .eo-vis-attribute-control-input {
  width: calc(100% - 30px);
}

md-backdrop.md-select-backdrop {
  z-index: 9998;
}

.eo-vis-control-choice-icon {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 12px;
  pointer-events: none;
}

.eo-vis-control-choice .md-input-focused + .eo-vis-control-choice-icon {
  opacity: 0;
}

.eo-vis-control-choice
  .eo-vis-attribute-control-runtimeButton
  + .eo-vis-attribute-control-mode-container
  .eo-vis-control-choice-icon {
  right: 40px;
}

.eo-vis-control-choice md-input-container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 23px;
  box-sizing: border-box;
  border: 1px solid transparent;
  background-color: white;
}
.eo-vis-control-choice md-input-container md-select {
  height: 23px;
}
.eo-vis-control-choice md-input-container md-select .md-select-value {
  height: 23px;
  min-height: 23px;
  box-sizing: border-box;
  border-bottom: none;
  font-size: 13px;
  font-family: monospace;
  padding-left: 10px;
  color: #636363;
}
.eo-vis-control-choice
  md-input-container
  md-select:not([disabled]):focus
  .md-select-value {
  border: 1px solid #0096ff;
}

.eo-vis-control-choice-container {
  z-index: 9999;
}
.eo-vis-control-choice-container
  md-select-menu[multiple]
  md-option.md-checkbox-enabled
  .md-icon {
  top: 3px;
  width: 15px;
  height: 15px;
}
.eo-vis-control-choice-container
  md-select-menu[multiple]
  md-option.md-checkbox-enabled
  .md-container::after {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.eo-vis-control-choice-container
  md-select-menu[multiple]
  md-option.md-checkbox-enabled[selected]
  .md-icon:after {
  left: 2.67px;
  top: -2.78px;
}
.eo-vis-control-choice-container md-option {
  padding: 0 16px;
  height: 20px;
}
.eo-vis-control-choice-container md-select-menu[multiple] md-option {
  padding-left: 32px;
  padding-right: 32px;
}
.eo-vis-control-choice-container .md-select-value .md-select-icon {
  text-align: right;
}
.eo-vis-control-choice-container .eo-vis-control-choice-header-searchbox {
  border: none;
  outline: none;
  line-height: 15px;
  width: 100%;
  padding: 5px 10px;
}

.eo-vis-attribute-control--inline .eo-vis-control-choice md-input-container {
  width: auto;
}

.eo-vis-attribute-control--displayTable .md-select-value {
  height: 28px;
}

.eo-vis-attribute-control--displayTable md-input-container {
  height: 28px;
}
.eo-vis-attribute-control--displayTable md-input-container md-select {
  height: 28px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container {
  display: block;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--runtime
  label {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--runtime
  .eo-vis-attribute-control-input {
  display: block;
  width: calc(100% - 6px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--runtime
  .eo-vis-attribute-control-input.isEmpty {
  opacity: 0;
  margin-top: -18px;
  width: calc(100% - 30px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--runtime
  .eo-vis-attribute-control-input:focus {
  opacity: 1;
  margin-top: 4px;
  width: calc(100% - 6px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--normal
  label {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--normal
  md-input-container {
  display: block;
  margin-top: 4px;
}
.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--normal
  md-input-container.isEmpty {
  margin-top: -18px;
  opacity: 0;
}
.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-mode-container--normal
  md-input-container.md-input-focused {
  margin-top: 4px;
  transition: margin-top 0ms, opacity 0ms;
  transition-delay: 150ms;
  opacity: 1;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-choice
  .eo-vis-attribute-control-runtimeButton
  + .eo-vis-attribute-control-mode-container--normal
  md-input-container.isEmpty {
  width: calc(100% - 30px);
}

.eo-vis-control-flow-order .eo-vis-attribute-control-label {
  cursor: pointer;
}

.eo-vis-control-flow-order table {
  color: dimgrey;
  background-color: white;
  margin-top: 4px;
}

.eo-vis-control-flow-order-icon {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 12px;
}

.eo-vis-control-flow-order-row {
  border-top: 1px solid #e8e8e8;
}
.eo-vis-control-flow-order-row-button {
  padding: 2px;
  cursor: pointer;
}
.eo-vis-control-flow-order-row-button:hover {
  color: black;
}
.eo-vis-control-flow-order-row:nth-child(2)
  .eo-vis-control-flow-order-row-button--up {
  cursor: inherit;
  opacity: 0;
}
.eo-vis-control-flow-order-row:last-child
  .eo-vis-control-flow-order-row-button--down {
  cursor: inherit;
  opacity: 0;
}

.eo-vis-attributes-panel .eo-vis-attribute-control-label--scripteditor {
  cursor: pointer;
}

.eo-vis-control-script-editor {
  height: 28px;
}
.eo-vis-control-script-editor:focus {
  outline: 1px solid #0096ff;
}
.eo-vis-control-script-editor label {
  display: inline-block;
  width: 30%;
}
.eo-vis-control-script-editor-dialog {
  width: 80vw;
}
.eo-vis-control-script-editor-dialog .modal-content .modal-body {
  height: 70vh;
  padding: 0;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .modal-body-wrapper {
  height: 100%;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .modal-body-wrapper
  .eo-script-editor-variableAssistantWrapper {
  height: 89%;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .modal-body-wrapper
  .eo-script-editor-variableAssistantWrapper
  ng-transclude {
  height: 100%;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .modal-body-wrapper
  .menu-bar {
  height: 11%;
  padding: 10px 15px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eeeeee),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .modal-body-wrapper
  .menu-bar
  button {
  float: right;
  line-height: initial;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  background: none;
  color: dimgrey;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .modal-body-wrapper
  .menu-bar
  button:hover {
  color: #337ab7;
}
.eo-vis-control-script-editor-dialog .modal-content .modal-body .esc-hints {
  position: absolute;
  height: auto;
  padding: 5px;
  width: 50%;
  top: 10px;
  left: 25%;
  background: #f7f7f7;
  border: 1px solid #ddd;
  z-index: 1000;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .help-container {
  color: dimgrey;
  font-family: arial, sans-serif !important;
  position: absolute;
  z-index: 1000;
  top: 34px;
  right: 8px;
  width: 240px;
  height: 300px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  box-shadow: 5px -5px 5px #ccc;
  padding-top: 10px;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .help-container::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f7f7f7;
  position: absolute;
  right: 4px;
  top: -8px;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .help-container
  h1 {
  font-weight: 700;
  padding: 2px 10px;
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 12px;
  color: dimgrey;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .help-container
  p {
  font-size: 12px;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .help-container
  p
  span:first-child {
  font-weight: 700;
  color: #555;
  width: 40%;
  display: inline-block;
}
.eo-vis-control-script-editor-dialog
  .modal-content
  .modal-body
  .help-container
  p
  span:last-child::before {
  content: ":";
}
.eo-vis-control-script-editor-dialog .modal-content .modal-body .CodeMirror {
  height: 100%;
}
.eo-vis-control-script-editor-dialog.fullscreen {
  height: 100% !important;
  width: 100% !important;
  margin: 0px auto !important;
}
.eo-vis-control-script-editor-edit {
  border: 1px solid #e8e8e8;
  display: inline-block;
  border-bottom-width: 2px;
}
.eo-vis-control-script-editor-edit:focus {
  outline-style: auto;
}

.eo-vis-control-textarea-edit {
  display: inline-table;
  position: absolute;
  right: 10px;
  top: 8px;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 12px;
}
.eo-vis-control-textarea-edit:focus {
  outline-style: auto;
}

.eo-vis-control-textarea-dialog {
  width: 80vw;
}
.eo-vis-control-textarea-dialog .modal-body-wrapper {
  height: 70vh;
}
.eo-vis-control-textarea-dialog .modal-body-wrapper > div {
  height: 100%;
  width: 100%;
}
.eo-vis-control-textarea-dialog-input {
  width: 100%;
  height: 100%;
}
.eo-vis-control-textarea-dialog textarea:focus {
  outline-style: auto;
}

.eo-vis-control-textarea-tip {
  color: dimgrey;
}

.eo-vis-attribute-control--displayBlock .eo-vis-control-textarea label {
  padding-top: 6px;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-textarea
  .eo-vis-attribute-control-input.isEmpty {
  opacity: 0;
  margin-top: -18px;
  width: calc(100% - 30px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-textarea
  .eo-vis-attribute-control-input {
  width: calc(100% - 6px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-control-textarea
  .eo-vis-attribute-control-input:focus {
  opacity: 1;
  margin-top: 4px;
  width: calc(100% - 6px);
}

.eo-vis-control-complex-form-label {
  cursor: pointer;
  padding-bottom: 4px;
  height: 28px;
}
.eo-vis-control-complex-form-label:focus {
  outline: 1px solid #0096ff;
}

.eo-vis-control-complex-form-icon {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 12px;
}

.eo-vis-control-complex-form .eo-vis-control-expand-content {
  padding: 0;
  background-color: #f5f5f5;
  margin: 4px;
  border: 2px solid #ededed;
}

.eo-vis-control-complex-form .eo-vis-attribute-control {
  border-bottom: 2px solid #ededed;
}

.eo-vis-control-key-value-label {
  cursor: pointer;
  height: 28px;
}
.eo-vis-control-key-value-label:focus {
  outline: 1px solid #0096ff;
}

.eo-vis-control-key-value-icon {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 12px;
}

.eo-vis-control-key-value .eo-vis-control-expand-content {
  padding: 4px;
  border-bottom: none;
  margin-top: 4px;
}

.eo-vis-control-key-value-key {
  padding: 0;
}

.eo-vis-control-key-value-key-input {
  margin-top: 4px;
  display: block;
  width: calc(100% - 4px);
}
.eo-vis-control-key-value-key-input::placeholder {
  font-size: 11px;
  font-style: italic;
}

.eo-vis-control-key-value-value-input {
  width: 100%;
}

.eo-vis-control-key-value-table-header {
  font-size: 12px;
  font-weight: normal;
}

.eo-vis-control-checkToInput {
  padding-top: 3px;
}

.eo-vis-control-list-icon {
  order: 2;
  right: 10px;
}

.eo-vis-control-list-label {
  height: 26px;
}
.eo-vis-control-list-label:hover {
  cursor: pointer;
}
.eo-vis-control-list-label:focus {
  outline: 1px solid #0096ff;
}

.eo-vis-control-list-input {
  border: 1px solid #ededed;
}

.eo-vis-control-list-table {
  width: 100%;
  /* TODO DESIGN-336 flex */
}
.eo-vis-control-list-table-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #ededed;
  background-color: white;
}
.eo-vis-control-list-table-item {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eo-vis-control-list-table-button {
  text-align: center;
  min-width: 36px;
  color: dimgrey;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  cursor: pointer;
}
.eo-vis-control-list-table-button:hover {
  color: black;
}

.eo-vis-control-list .eo-vis-attribute-control-runtimeButton {
  margin-top: 2px;
}

.eo-vis-control-list
  .eo-vis-attribute-control-runtimeButton
  + .eo-vis-attribute-control-label--list {
  width: calc(100% - 36px);
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-input.eo-vis-control-list-input {
  margin-top: 0;
}

.eo-vis-control-serviceModel {
  padding-left: 0;
}
.eo-vis-control-serviceModel-row--withSelection {
  border-bottom: 4px solid #ededed;
}
.eo-vis-control-serviceModel-direction {
  padding-left: 18px;
}
.eo-vis-control-serviceModel-direction:first-child {
  border-bottom: 4px solid #ededed;
}
.eo-vis-control-serviceModel-autocomplete {
  width: 50%;
  min-width: 50%;
  display: inline-block;
  height: 28px;
}
.eo-vis-control-serviceModel-autocomplete--invalidSelection {
  color: red;
}
.eo-vis-control-serviceModel-autocomplete md-autocomplete-wrap {
  height: 28px;
  box-shadow: none;
}
.eo-vis-control-serviceModel-autocomplete md-autocomplete-wrap input {
  height: 28px;
}
.eo-vis-control-serviceModel-dialog {
  width: 80vw;
}
.eo-vis-control-serviceModel-dialog-grid {
  height: 60vh;
}
.eo-vis-control-serviceModel .eo-vis-control-table-container {
  cursor: pointer;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--servicemodel {
  width: calc(50% - 4px);
  display: inline-block;
  padding-left: 18px;
}

.eo-vis-control-runtime-switcher-button.btn:hover,
.eo-vis-control-runtime-switcher-button.btn.active,
.eo-vis-control-runtime-switcher-button.btn:focus,
.eo-vis-control-runtime-switcher-button.btn[disabled]:hover,
.eo-vis-control-runtime-switcher-button.btn[disabled].active,
.eo-vis-control-runtime-switcher-button.btn[disabled]:focus {
  color: #333;
  background-color: white;
  border-color: #ccc;
}

.eo-vis-control-runtime-switcher-button--active {
  font-weight: bold;
}

.eo-vis-control-runtime-dialog {
  width: 80vw;
}
.eo-vis-control-runtime-dialog-close {
  margin-top: -2px;
  margin-right: 10px;
  width: 13px;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.eo-vis-control-runtime-dialog button.btn.btn-xs,
.eo-vis-control-runtime-dialog a.btn.btn-xs {
  font-size: 12px;
  /* overwrite overwritten global style */
}

.eo-vis-control-runtime-textarea--disabled {
  color: grey;
}

.eo-vis-control-runtime-panel-button--disabled {
  opacity: 0.6;
}

.eo-vis-control-runtime-select {
  background-image: linear-gradient(45deg, transparent 50%, grey 50%),
    linear-gradient(135deg, grey 50%, transparent 50%),
    linear-gradient(to right, #ffffff00, #87ceeb00);
  background-position: calc(100% - 6px) 50%, calc(100% - 3px) 50%, 0 0;
  background-size: 4px 4px, 3px 4px, 25px 25px;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border-radius: 0;
  font-size: 12px;
  padding-left: 6px;
  padding-right: 16px;
  height: 24px;
  border: 1px solid #ccc;
}
.eo-vis-control-runtime-select:focus {
  /* overwrite global *:focus again */
  border: 1px solid #ccc;
  background-color: white;
}

.eo-vis-control-condition-group {
  padding: 4px;
  position: relative;
  margin: 10px 0 10px 0;
  width: 100%;
  font-size: 12px;
}
.eo-vis-control-condition-group label {
  font-size: 12px;
}
.eo-vis-control-condition-group button.btn,
.eo-vis-control-condition-group a.btn {
  font-size: 12px;
}
.eo-vis-control-condition-group-match {
  vertical-align: top;
  margin-left: 14px;
  margin-bottom: 4px;
}
.eo-vis-control-condition-group-match--hidden {
  visibility: hidden;
}
.eo-vis-control-condition-group-actions {
  margin-left: 2px;
  margin-top: 2px;
}
.eo-vis-control-condition-group-content {
  padding-left: 10px;
  min-width: 500px;
}
.eo-vis-control-condition-group-left {
  position: absolute;
  height: calc(100% - 30px);
  top: 14px;
  width: 10px;
  border: 1px solid cornflowerblue;
  border-right-color: transparent;
}
.eo-vis-control-condition-group--highlight {
  background-color: whitesmoke;
}

.eo-vis-control-condition-criteria {
  position: relative;
  margin: 2px;
  padding: 2px;
  background-color: whitesmoke;
}
.eo-vis-control-condition-criteria-menu {
  cursor: pointer;
}
.eo-vis-control-condition-criteria-menu-wrapper {
  position: absolute;
  background-color: white;
  width: 100px;
  z-index: 999999999;
  display: none;
  left: -76px;
}
.eo-vis-control-condition-criteria-menu-item {
  padding: 4px;
  width: 100px;
}
.eo-vis-control-condition-criteria-menu-item:hover {
  background-color: whitesmoke;
}
.eo-vis-control-condition-criteria-menu:hover
  .eo-vis-control-condition-criteria-menu-wrapper {
  display: block;
}
.eo-vis-control-condition-criteria:hover {
  background-color: #e7e7e7;
}
.eo-vis-control-condition-criteria-delete.btn {
  height: 25px;
  padding: 0 4px 0 4px;
  margin-top: 5px;
  font-size: 12px;
}
.eo-vis-control-condition-criteria-select {
  margin: 0;
  height: 32px;
  width: 100%;
  box-sizing: border-box;
  border: none;
}
.eo-vis-control-condition-criteria-select--operator {
  font-size: 12px;
  height: 34px;
  text-align: center;
  text-align-last: center;
  background-color: white;
  -webkit-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, grey 50%),
    linear-gradient(135deg, grey 50%, transparent 50%),
    linear-gradient(to right, #ffffff00, #87ceeb00);
  background-position: calc(100% - 6px) 50%, calc(100% - 3px) 50%, 0 0;
  background-size: 4px 4px, 3px 4px, 25px 25px;
  background-repeat: no-repeat;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.eo-vis-control-condition-criteria-select--operator:focus {
  /* to overwrite global *:focus style */
  border-top: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.eo-vis-control-condition-criteria-content {
  width: 100%;
}
.eo-vis-control-condition-criteria-content td {
  padding-left: 2px;
  padding-right: 2px;
}

/* TODO FLW-814 refactor, have 1 master class instead both: condition-criteria, eo-vis-control-condition-criteria */
.condition-criteria-row {
  display: flex;
  flex-direction: row;
}

.condition-criteria-cell {
  padding: 4px;
}
.condition-criteria-cell--menu {
  text-align: center;
  padding-top: 12px;
  width: 25px;
}
.condition-criteria-cell--operand {
  width: calc(38%);
}
.condition-criteria-cell--operator {
  width: calc(23% - 90px);
}
.condition-criteria-cell--button {
  width: 79px;
  text-align: center;
}

.criteria-operand {
  border: 1px solid #eceaea;
  position: relative;
  height: 100%;
}
.criteria-operand-empty {
  position: relative;
}
.criteria-operand-empty-input {
  width: 100%;
  height: 32px;
  border: none;
  padding-left: 10px;
  font-size: 12px;
}
.criteria-operand-empty-input:focus {
  border: 1px solid #cccccc;
}
.criteria-operand-empty-input--left {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  outline: none;
}
.criteria-operand-empty-ghost {
  position: absolute;
  z-index: 99;
  top: 0;
  padding-left: 7px;
  padding-top: 8px;
  pointer-events: none;
}
.criteria-operand-empty-ghost-pre {
  opacity: 0;
}
.criteria-operand-empty-ghost-main {
  opacity: 0.3;
}
.criteria-operand-dropdown {
  border: 1px solid #cccccc;
  position: absolute;
  background-color: white;
  width: 100%;
  z-index: 2;
}
.criteria-operand-dropdown-tabs {
  display: table;
  width: 100%;
}
.criteria-operand-dropdown-tabs-item {
  cursor: pointer;
  border-left: 1px solid #ccc;
  display: table-cell;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.criteria-operand-dropdown-tabs-item:focus {
  border-left: 1px solid #ccc;
}
.criteria-operand-dropdown-tabs-item--active {
  border-bottom: none;
  font-weight: bold;
}
.criteria-operand-dropdown-tabs-item:first-child {
  border-left: none;
}
.criteria-operand-dropdown-list-header {
  text-align: center;
  background-color: whitesmoke;
}
.criteria-operand-dropdown-list-item {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.criteria-operand-dropdown-list-item.criteria-operand-field--listItem:first-child {
  background-color: whitesmoke;
}
.criteria-operand-dropdown-list-item:hover.criteria-operand-field--listItem
  + .criteria-operand-field--listItem:first-child {
  background-color: white;
}
.criteria-operand-dropdown-list-item:hover.criteria-operand-field--listItem {
  background-color: whitesmoke;
}
.criteria-operand-dropdown-list-item--valueType span {
  vertical-align: middle;
  display: table-cell;
  height: 32px;
  padding-left: 10px;
}
.criteria-operand-dropdown-list-empty {
  padding: 6px;
  font-style: italic;
  color: grey;
  margin-top: 10px;
}
.criteria-operand-dropdown-list-item + .criteria-operand-dropdown-list-empty {
  display: none;
}
.criteria-operand-dropdown-list-vertical-container {
  height: 294px;
  /* 7 * 42px */
}
.criteria-operand-field {
  padding: 0;
  background-color: white;
  width: 100%;
  height: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.criteria-operand-field--listItem {
  padding-right: 6px;
}
.criteria-operand-field--invalid {
  outline: 1px solid orange;
}
.criteria-operand-field-element {
  font-size: 12px;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 8px;
  margin-left: 10px;
}
.criteria-operand-field-name {
  white-space: nowrap;
  display: inline;
  padding-right: 6px;
}
.criteria-operand-field-name:hover {
  position: absolute;
  background-color: white;
  z-index: 2;
}
.criteria-operand-field-name--value {
  font-style: italic;
}
.criteria-operand-field-name--value .middleEllipsis-start {
  text-transform: capitalize;
}
.criteria-operand-field-name-invalid {
  color: orange;
  padding-right: 4px;
}
.criteria-operand-field-name-invalid:hover
  .criteria-operand-field-name-invalid-message {
  display: block;
}
.criteria-operand-field-name-invalid-message {
  background-color: white;
  position: absolute;
  display: none;
  top: -20px;
  padding: 2px;
  color: #d36528;
  font-size: 13px;
}
.criteria-operand-field-tags {
  text-align: right;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  display: flex;
  justify-content: flex-end;
  margin-right: 37px;
  margin-top: 7px;
}
.criteria-operand-field-tag {
  border-radius: 2px;
  padding: 2px 3px 2px 3px;
  background-color: white;
  font-size: 11px;
  margin-left: 2px;
  border: none;
  color: grey;
}
.criteria-operand-field .middleEllipsis {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.criteria-operand-field .middleEllipsis-start {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  flex-shrink: 1;
}
.criteria-operand-field .middleEllipsis-end {
  white-space: nowrap;
  flex-basis: content;
  flex-grow: 0;
  flex-shrink: 0;
}
.criteria-operand-field-scopeSelector {
  height: 32px;
  border: none;
  outline: none;
  border-right: 1px solid #eceaea;
  border-radius: 0;
  font-size: 12px;
  background-color: white;
  color: #696969;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  background-image: linear-gradient(45deg, transparent 50%, grey 50%),
    linear-gradient(135deg, grey 50%, transparent 50%),
    linear-gradient(to right, #ffffff00, #87ceeb00);
  background-position: calc(100% - 6px) 50%, calc(100% - 3px) 50%, 0 0;
  background-size: 4px 4px, 3px 4px, 25px 25px;
  background-repeat: no-repeat;
  padding: 0 15px 0 7px;
}
.criteria-operand-field-scopeSelector:focus {
  /* overwrites the known *:focus global rule */
  outline-color: #3c88fd;
}
.criteria-operand-field-scopeSelector::after {
  content: "Scope";
  color: #ccc;
  position: absolute;
}
.criteria-operand-deleteButton {
  position: absolute;
  right: 0;
  top: 5px;
  color: white;
  text-align: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  z-index: 2;
}
.criteria-operand-variable-value {
  height: 100%;
}
.criteria-operand-variable-value-input {
  display: block;
  padding-left: 11px;
  width: 100%;
  border: none;
  height: 100%;
  background-color: white;
  font-size: 12px;
}
.criteria-operand-variable-value-input--date [datetime] {
  width: calc(100% - 110px);
  border: none;
  height: 30px;
  padding-left: 6px;
}
.criteria-operand-variable-value-input--date select {
  height: 30px;
  border: none;
  border-radius: 0;
  margin-right: 4px;
  background-color: white;
}
.criteria-operand-variable-value-input--number {
  -moz-appearance: textfield;
}
.criteria-operand-variable-value-input--number::-webkit-inner-spin-button,
.criteria-operand-variable-value-input--number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.criteria-operand-variable-value-input-checkboxLabel {
  margin-top: 10px;
  cursor: pointer;
}
.criteria-operand-variable-value-input:focus {
  outline-style: solid;
  outline-width: 1px;
  outline-color: #0096ff;
}
.criteria-operand md-icon {
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
}

.criteria-outcome-value md-autocomplete-wrap {
  box-shadow: none;
  font-size: 12px;
}

.criteria-outcome-value md-autocomplete input:not(.md-input) {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding-top: 2px;
}

.criteria-outcome-value md-autocomplete .md-show-clear-button button {
  padding: 0;
  margin: 2px 0 0;
}

.criteria-outcome-value md-autocomplete .md-show-clear-button button md-icon {
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.eo-vis-control-templateModel {
  padding-left: 0;
}
.eo-vis-control-templateModel-row--withSelection {
  border-bottom: 4px solid #ededed;
}
.eo-vis-control-templateModel-direction {
  padding-left: 18px;
}
.eo-vis-control-templateModel-direction:first-child {
  border-bottom: 4px solid #ededed;
}
.eo-vis-control-templateModel-autocomplete {
  width: 50%;
  min-width: 50%;
  display: inline-block;
  height: 28px;
}
.eo-vis-control-templateModel-autocomplete--invalidSelection {
  color: red;
}
.eo-vis-control-templateModel-autocomplete md-autocomplete-wrap {
  height: 28px;
  box-shadow: none;
}
.eo-vis-control-templateModel-autocomplete md-autocomplete-wrap input {
  height: 28px;
}
.eo-vis-control-templateModel-dialog {
  width: 80vw;
}
.eo-vis-control-templateModel-dialog-grid {
  height: 60vh;
}
.eo-vis-control-templateModel .eo-vis-control-table-container {
  cursor: pointer;
}

.eo-vis-attribute-control--displayBlock
  .eo-vis-attribute-control-label--templatemodel {
  width: calc(50% - 4px);
  display: inline-block;
  padding-left: 18px;
}

.eo-vis-attributes-panel-language-selector {
  position: absolute;
  display: inline-block;
  top: 2px;
  right: 4px;
  min-width: 150px;
  text-align: right;
  cursor: pointer;
}
.eo-vis-attributes-panel-language-selector-list {
  display: none;
  text-align: left;
  position: absolute;
  background-color: white;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  right: 0;
  width: 150px;
  border: 1px solid #cccccc;
  z-index: 2;
}
.eo-vis-attributes-panel-language-selector-item {
  list-style: none;
  padding: 4px;
  display: block;
  cursor: pointer;
}
.eo-vis-attributes-panel-language-selector-item--active {
  background-color: #337ab7;
  color: white;
}
.eo-vis-attributes-panel-language-selector-trigger {
  padding-right: 2px;
  padding-left: 2px;
  border: 1px solid #337ab7;
  color: #337ab7;
  cursor: pointer;
  max-width: 162px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  height: 20px;
}
.eo-vis-attributes-panel-language-selector:hover
  .eo-vis-attributes-panel-language-selector-list {
  display: block;
  z-index: 9999;
}

.eo-vis-save-dialog .modal-body {
  height: 250px;
}

.eo-vis-save-dialog .validation {
  height: 100%;
}
.eo-vis-save-dialog .validation .validation-panel {
  position: absolute;
  right: 17px;
  z-index: 10;
}
.eo-vis-save-dialog .validation .eo-vis-validator-panel .ui-grid {
  border-top: none;
  border-left: none;
  border-right: none;
}
.eo-vis-save-dialog
  .validation
  .eo-vis-validator-panel
  .eo-vis-validator-panel-header-body {
  display: none;
}

.eo-vis-save-form-row {
  padding-top: 5px;
}

.eo-vis-save-form-name {
  width: 90%;
}

.eo-vis-save-form-description {
  resize: none;
  width: 90%;
  height: 80px;
}

.eo-vis-save-form-revision {
  resize: none;
  width: 90%;
  height: 80px;
}

.eo-vis-save-all-form-row {
  padding-top: 5px;
}

.eo-vis-save-all-form-name {
  width: 90%;
}

.eo-vis-save-all-form-description {
  resize: none;
  width: 90%;
  height: 80px;
}

.eo-vis-save-all-form-revision {
  resize: none;
  width: 90%;
  height: 80px;
}

.property-error {
  color: red;
}

.syntax-error {
  color: blue;
}

.schema-error {
  color: #f90;
}

.sentries-error {
  color: #ff00ff;
}

.validationError {
  opacity: 0.3;
}

.validationError:hover {
  opacity: 1;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate svg {
  fill: #409eff;
  stroke: #409eff;
  stroke-width: 0.9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate.active svg {
  fill: white;
  stroke: white;
}

.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-shape-translate.active:hover:not(.disabled) {
  background-color: #409eff;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate:hover svg {
  fill: #2980b9;
  stroke: #2980b9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid svg {
  fill: #409eff;
  stroke: #409eff;
  stroke-width: 0.9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid.active svg {
  fill: white;
  stroke: white;
}

.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-show-grid.active:hover:not(.disabled) {
  background-color: #409eff;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid:hover svg {
  fill: #2980b9;
  stroke: #2980b9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete svg {
  fill: #409eff;
  stroke: #409eff;
  stroke-width: 0.9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete.active svg {
  fill: white;
  stroke: white;
}

.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-docker-delete.active:hover:not(.disabled) {
  background-color: #409eff;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete:hover svg {
  fill: #2980b9;
  stroke: #2980b9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes svg {
  fill: #409eff;
  stroke: #409eff;
  stroke-width: 0.9;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes.active svg {
  fill: white;
  stroke: white;
}

.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-notes.active:hover:not(.disabled) {
  background-color: #409eff;
}

.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes:hover svg {
  fill: #2980b9;
  stroke: #2980b9;
}

.note_box:after,
.note_box:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.note_icon_bottom:after,
.note_icon_bottom:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.noteBox {
  position: absolute;
  width: 150px;
  height: 66px;
  z-index: 900;
  top: 0;
  left: 0;
}
.noteBox .notes {
  width: 150px;
  height: 60px;
  overflow: auto;
  overflow-x: hidden;
  text-align: center;
  vertical-align: middle;
  display: block;
  word-break: break-word;
  background-color: #eee;
  border-radius: 6px;
}
.noteBox .editor {
  width: 150px;
  height: 60px;
  display: none;
  box-shadow: -1px -1px 2px #aaa;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  border-width: 0;
}
.noteBox .top {
  box-shadow: -2px -2px 10px #888;
}
.noteBox .top:after {
  top: 100%;
  left: 50%;
  border-top-color: #fff;
}
.noteBox .top:before {
  top: 100%;
  left: 50%;
  border-top-color: #000;
}
.noteBox .bottom {
  box-shadow: 2px 2px 10px #888;
}
.noteBox .bottom:after {
  bottom: 100%;
  left: 50%;
  border-bottom-color: #fff;
}
.noteBox .bottom:before {
  bottom: 100%;
  left: 50%;
  border-bottom-color: #000;
}
.noteBox .right {
  box-shadow: 2px 2px 10px #888;
}
.noteBox .right:after {
  right: 100%;
  top: 50%;
  border-right-color: #fff;
  margin-top: 1px;
}
.noteBox .right:before {
  right: 100%;
  top: 50%;
  border-right-color: #000;
}
.noteBox .left {
  box-shadow: -2px -2px 10px #888;
}
.noteBox .left:after {
  left: 100%;
  top: 50%;
  border-left-color: #fff;
  margin: 1px 0 0;
}
.noteBox .left:before {
  left: 100%;
  top: 50%;
  border-left-color: #000;
  margin: 0;
}

.note_box {
  position: relative;
  background: #fff;
  border: 1px solid #000;
  box-shadow: 10px 10px 5px #888;
  width: 150px;
  height: 60px;
  padding: 4px;
  border-radius: 7px;
}
.note_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-width: 5px;
  margin-left: -5px;
}
.note_box:before {
  border-color: rgba(0, 0, 0, 0);
  border-width: 6px;
  margin-left: -6px;
}

.note_icon {
  position: absolute;
  width: 10px;
  height: 6px;
  z-index: 901;
  top: 0;
  left: 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: pointer;
}
.note_icon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.note_icon_bottom {
  position: relative;
  background: #fff;
  border: 1px solid #000;
  width: 10px;
  height: 6px;
  border-radius: 2px;
  display: block;
}
.note_icon_bottom:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 2px;
  margin-left: -2px;
}
.note_icon_bottom:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000;
  border-width: 3px;
  margin-left: -3px;
}
.note_icon_bottom.left:after {
  left: 100%;
  top: 50%;
  border-left-color: #fff;
  border-top-color: transparent;
  border-width: 2px;
  margin-top: -2px;
  margin-left: 0;
}
.note_icon_bottom.left:before {
  left: 100%;
  top: 50%;
  border-left-color: #000;
  border-top-color: transparent;
  border-width: 3px;
  margin-top: -3px;
  margin-left: 0;
}

div::-moz-selection {
  color: inherit;
  background-color: inherit;
}

div::selection {
  color: inherit;
  background-color: inherit;
}

.eo-vis-data-model-viewer-dialog {
  width: 70%;
}
.eo-vis-data-model-viewer-dialog.modal-dialog {
  width: 800px;
}
.eo-vis-data-model-viewer-dialog-content {
  width: 100%;
}
.eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails {
  height: 100%;
}
.eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid {
  width: 100%;
  height: 100%;
  min-height: 250px;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variableName,
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variableWithScope,
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .deleteVariable,
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variable {
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  margin: -2px 2px 0 2px;
  cursor: pointer;
  overflow: hidden;
  text-indent: 50px;
  border: 0;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variableName {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png)
    no-repeat scroll 0 0;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variableWithScope {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png)
    no-repeat scroll -17px 0;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variable {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png)
    no-repeat scroll -34px 0;
  cursor: default;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .deleteVariable {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png)
    no-repeat scroll -34px -34px;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variableName:hover {
  background-position: 0 -17px;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .variableWithScope:hover {
  background-position: -17px -17px;
}
.eo-vis-data-model-viewer-dialog-content-body
  #dataModelViewerDetails
  .grid
  .deleteVariable:hover {
  background-position: -34px -17px;
}
.eo-vis-data-model-viewer-dialog-content-button .left {
  float: left;
}

.eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  width: 200px;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  md-autocomplete {
  height: 25px;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  md-autocomplete-wrap {
  height: 25px;
  width: 90px;
  display: inline-block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #cccccc;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  md-autocomplete
  input:not(.md-input) {
  padding-left: 4px;
  padding-right: 4px;
  width: 59px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  md-autocomplete
  button {
  position: absolute;
  max-height: 25px;
  max-width: 25px;
  margin: 0 0 0 0;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  md-autocomplete
  button
  md-icon {
  transform: translate3d(-50%, -50%, 0) scale(0.6);
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  .eo-vis-value-default-prefix-label {
  font-size: 12px;
  display: inline-block;
  margin-left: 12px;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  > div.eo-vis-value-default-prefix
  .eo-vis-value-default-prefix-autoComplete {
  display: inline-block;
  width: 90px;
  min-width: 90px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 9999999;
}

.publish-app-list {
  max-height: 200px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  padding-left: 0;
  outline: none;
}
.publish-app-list-item {
  padding-top: 4px;
  outline: none;
  cursor: pointer;
  height: 28px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  list-style: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #e8e8e8;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.publish-app-list-item:hover {
  border: 1px solid #337ab7;
}
.publish-app-list-item--selected {
  background-color: #337ab7;
  color: white;
}

.flag-icon-background,
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.eo-vis-menu-lang-control {
  top: -6px;
}

.eo-vis-menu-dropdown-control .eo-vis-menu-lang-dropdown {
  position: absolute;
  margin-top: 6px;
  display: none;
}

.eo-vis-menu-dropdown-control .eo-vis-menu-diagram-lang-icon {
  background-image: url(/flowable-design/vis-flowable-editor/img/icon128px-exported-black-0487fc4472f29b80086e9bcdf2a39057.png);
}

.eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown {
  display: block;
  z-index: 999999999999999999999999;
  position: absolute;
  padding-left: 0;
  border: 1px solid #e8e8e8;
  width: 150px;
  background-color: whitesmoke;
  left: 0;
  text-align: left;
}
.eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item.selected {
  background-color: white;
}
.eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item {
  padding: 5px 5px;
}
.eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item:hover {
  background-color: white;
}
.eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item div {
  outline: none;
  cursor: pointer;
  font-size: 12px;
  text-overflow: ellipsis;
}

.flw__component--required__label:after {
  content: "*";
  opacity: 0.5;
}

.eo-vis-menu-bar-element .eo-vis-menu.eo-vis-menu--close {
  border-right: 0 none transparent;
  float: right;
  margin-right: -15px;
}

.eo-vis-menu-bar {
  height: 42px;
  /*to allow a 1px spacing top an bottom of the bar*/
  box-sizing: border-box;
  width: 100%;
  list-style-type: none;
  padding: 0 15px 0 5px;
  /*so it is aligned with edorasone main menu*/
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.eo-vis-menu-bar-element {
  width: 100%;
  padding-top: 0;
  height: 100%;
  box-sizing: border-box;
}
.eo-vis-menu-bar-element .eo-vis-menu {
  display: inline-block;
  font-size: 18px;
  border-right: 1px solid #c8c8c8;
  height: 100%;
  float: left;
  box-sizing: border-box;
  /*separator*/
}
.eo-vis-menu-bar-element .eo-vis-menu > div,
.eo-vis-menu-bar-element .eo-vis-menu a {
  display: inline-block;
  color: dimgrey;
  position: relative;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}
.eo-vis-menu-bar-element .eo-vis-menu > div button,
.eo-vis-menu-bar-element .eo-vis-menu a button {
  width: 100%;
  height: 100%;
  position: absolute;
}
.eo-vis-menu-bar-element .eo-vis-menu > div .active,
.eo-vis-menu-bar-element .eo-vis-menu a .active {
  background-color: #2980b9;
}
.eo-vis-menu-bar-element .eo-vis-menu > div .active svg,
.eo-vis-menu-bar-element .eo-vis-menu a .active svg {
  fill: white;
  stroke: white;
}
.eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled),
.eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) {
  background-color: white;
}
.eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled) svg,
.eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) svg {
  fill: #2980b9;
}
.eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled) button,
.eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled) a,
.eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) button,
.eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) a {
  color: #2980b9;
}
.eo-vis-menu-bar-element
  .eo-vis-menu:not(.eo-vis-menu--single)
  > div:last-of-type
  button {
  margin-right: 0;
}
.eo-vis-menu-bar-element
  .eo-vis-menu:not(.eo-vis-menu--single)
  > div:last-of-type
  button:after {
  border-right: 1px solid #cccccc;
  content: "";
  height: 20px;
  left: 31px;
  position: absolute;
  top: 2px;
}
.eo-vis-menu-bar-element .eo-vis-menu:last-child > div:last-of-type button {
  margin-left: 1px;
}
.eo-vis-menu-bar-element
  .eo-vis-menu:last-child
  > div:last-of-type
  button:after {
  border: none;
}
.eo-vis-menu-bar-element .eo-vis-menu .btn {
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.eo-vis-menu-bar-element .eo-vis-menu .btn:before {
  text-align: center;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-dropdown-control:hover
  .eo-vis-menu-dropdown {
  display: block;
  z-index: 999999999999999999999999;
  position: absolute;
  padding-left: 0;
  border: 1px solid #e8e8e8;
  width: 110px;
  background-color: whitesmoke;
  left: 0;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-dropdown-control:hover
  .eo-vis-menu-dropdown
  > div {
  height: 42px;
  width: 50px;
  display: inline-block;
  position: relative;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-dropdown-control:hover
  .eo-vis-menu-dropdown
  > div:hover {
  background-color: white;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-dropdown-control:hover
  .eo-vis-menu-dropdown
  > div
  > button {
  display: block;
  color: #409eff;
}
.eo-vis-menu-bar-element
  .eo-vis-menu
  .eo-vis-menu-dropdown-control:hover
  .eo-vis-menu-dropdown
  > div
  > button:hover {
  color: #2980b9;
}
.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown {
  display: none;
}
.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 8px;
  outline: none;
  text-align: center;
  height: 41px;
  width: 40px;
}
.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper svg {
  width: 100%;
  height: 100%;
  fill: #409eff;
}
.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper.disabled svg {
  fill: #c8c8c8;
}
.eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper.active {
  background-color: #2980b9;
}
.eo-vis-menu-bar-element .eo-vis-menu .btn.disabled {
  cursor: auto;
  color: #c8c8c8;
  opacity: 1;
  pointer-events: none;
}
.eo-vis-menu-bar-element .eo-vis-menu button {
  position: relative;
}
.eo-vis-menu-bar-element .eo-vis-menu button:not([disabled]) {
  color: #333333;
}
.eo-vis-menu-bar-element .eo-vis-menu button:not([disabled]):hover {
  background-color: white;
}

html,
body {
  height: 100%;
  margin: 0px;
}

.eo-compare-revisions {
  width: 100%;
  height: 100%;
}
.eo-compare-revisions button,
.eo-compare-revisions input,
.eo-compare-revisions optgroup,
.eo-compare-revisions select,
.eo-compare-revisions textarea {
  font: 14px arial, sans-serif !important;
  color: white !important;
}
.eo-compare-revisions .ui-splitbar {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.eo-compare-revisions #eo-compareLeft {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0px;
  padding-top: 40px;
  border: 1px solid #d3d3d3;
  border-width: 0 1px 0 0;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu {
  width: 100%;
  height: 40px;
  margin-top: -40px;
  background-color: #b30037;
  border-color: #d3d3d3;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .logo {
  background-repeat: no-repeat;
  background-image: url(/flowable-design/vis-flowable-editor/img/edorasware-logo-white-0679c591f3fead7aa06cbe967d41c161.svg);
  background-position: 17px 10px;
  background-size: auto 20px;
  -moz-background-size: auto 20px;
  height: 20px;
  outline: none;
  padding: 10px 10px 10px 17px;
  width: 118px;
  display: inline-block;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions {
  position: relative;
  float: right;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions:hover {
  background-color: #800027;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions::after {
  content: "\25bc";
  color: white;
  right: 4px;
  top: 12px;
  position: absolute;
  pointer-events: none;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px 0 10px;
  background-color: #b30037;
  color: white;
  float: right;
  border-width: 0px;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.eo-compare-revisions
  #eo-compareLeft
  #eo-compareLeftMenu
  .revisions
  select
  > * {
  outline: none;
}
.eo-compare-revisions
  #eo-compareLeft
  #eo-compareLeftMenu
  .revisions
  select::-ms-expand {
  display: none;
}
.eo-compare-revisions
  #eo-compareLeft
  #eo-compareLeftMenu
  .revisions
  select:hover {
  background-color: #800027;
}
.eo-compare-revisions
  #eo-compareLeft
  #eo-compareLeftMenu
  .revisions
  select
  option {
  padding: 10px;
}
.eo-compare-revisions
  #eo-compareLeft
  #eo-compareLeftMenu
  .revisions
  select
  option
  + option {
  padding: 5px 10px;
}
.eo-compare-revisions
  #eo-compareLeft
  #eo-compareLeftMenu
  .revisions
  select
  option:hover {
  background-color: #800027;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu button {
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  background-color: #b30037;
  float: right;
  border-width: 0px;
  outline: none;
}
.eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu button:hover {
  background-color: #800027;
}
.eo-compare-revisions #eo-compareLeft .eo-compare-revisions-containerWrapper {
  height: calc(100% - 40px);
}
.eo-compare-revisions
  #eo-compareLeft
  .eo-compare-revisions-containerWrapper
  #eo-compareLeftContainer {
  width: 100%;
  height: 100%;
}
.eo-compare-revisions #eo-compareRight {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0px;
  padding-top: 40px;
  border: 1px solid #d3d3d3;
  border-width: 0 0 0 1px;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu {
  width: 100%;
  height: 40px;
  margin-top: -40px;
  background-color: #b30037;
  border-color: #d3d3d3;
  border-width: 0px;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions {
  position: relative;
  float: right;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions:hover {
  background-color: #800027;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions::after {
  content: "\25bc";
  color: white;
  right: 4px;
  top: 12px;
  position: absolute;
  pointer-events: none;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px 0 10px;
  background-color: #b30037;
  color: white;
  float: right;
  border-width: 0px;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.eo-compare-revisions
  #eo-compareRight
  #eo-compareRightMenu
  .revisions
  select
  > * {
  outline: none;
}
.eo-compare-revisions
  #eo-compareRight
  #eo-compareRightMenu
  .revisions
  select::-ms-expand {
  display: none;
}
.eo-compare-revisions
  #eo-compareRight
  #eo-compareRightMenu
  .revisions
  select:hover {
  background-color: #800027;
}
.eo-compare-revisions
  #eo-compareRight
  #eo-compareRightMenu
  .revisions
  select
  option {
  padding: 10px;
}
.eo-compare-revisions
  #eo-compareRight
  #eo-compareRightMenu
  .revisions
  select
  option
  + option {
  padding: 5px 10px;
}
.eo-compare-revisions
  #eo-compareRight
  #eo-compareRightMenu
  .revisions
  select
  option:hover {
  background-color: #800027;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu button {
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  background-color: #b30037;
  float: right;
  border-width: 0px;
  outline: none;
}
.eo-compare-revisions #eo-compareRight #eo-compareRightMenu button:hover {
  background-color: #800027;
}
.eo-compare-revisions #eo-compareRight .eo-compare-revisions-containerWrapper {
  height: calc(100% - 40px);
}
.eo-compare-revisions
  #eo-compareRight
  .eo-compare-revisions-containerWrapper
  #eo-compareRightContainer {
  width: 100%;
  height: 100%;
}

#eo-leftSliderContainer .eo-x-slider-hbar,
#eo-rightSliderContainer .eo-x-slider-hbar {
  background: #e8e8e8;
  border: 1px solid #a6a6a6;
  width: 11px;
  height: 113px;
  position: absolute;
  top: 0px;
  left: 1px;
  z-index: 998;
}

#eo-leftSliderContainer .eo-x-slider-hbar-highlight,
#eo-rightSliderContainer .eo-x-slider-hbar-highlight {
  background: #bfbfbf;
  border: 1px solid #a6a6a6;
  width: 11px;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 1px;
  z-index: 999;
}

#eo-leftSliderContainer .eo-x-slider-up,
#eo-rightSliderContainer .eo-x-slider-up {
  position: absolute;
  z-index: 1000;
  width: 15px;
  height: 15px;
  font-size: 0px;
  top: -15px;
  left: 0px;
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png)
    no-repeat scroll 0px -240px;
  cursor: pointer;
}

#eo-leftSliderContainer .eo-x-slider-up-over,
#eo-rightSliderContainer .eo-x-slider-up-over {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png)
    no-repeat scroll -15px -240px;
}

#eo-leftSliderContainer .eo-x-slider-thumb,
#eo-rightSliderContainer .eo-x-slider-thumb {
  position: absolute;
  z-index: 1000;
  width: 15px;
  height: 15px;
  font-size: 0px;
  top: 0px;
  left: 0px;
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png)
    no-repeat scroll 0px -15px;
  cursor: pointer;
}

#eo-leftSliderContainer .eo-x-slider-thumb-over,
#eo-rightSliderContainer .eo-x-slider-thumb-over {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png)
    no-repeat scroll -15px -15px;
}

#eo-leftSliderContainer .eo-x-slider-down,
#eo-rightSliderContainer .eo-x-slider-down {
  position: absolute;
  z-index: 1000;
  width: 15px;
  height: 15px;
  font-size: 0px;
  top: 115px;
  left: 0px;
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png)
    no-repeat scroll 0px -255px;
  cursor: pointer;
}

#eo-leftSliderContainer .eo-x-slider-down-over,
#eo-rightSliderContainer .eo-x-slider-down-over {
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png)
    no-repeat scroll -15px -255px;
}

#eo-rightSliderContainer,
#eo-leftSliderContainer {
  height: 130px;
  position: absolute;
  top: 60px;
  left: 5px;
  opacity: 0.8;
}

#eo-rightContainer,
#eo-leftContainer {
  overflow: auto;
  width: 100%;
  height: 100%;
}

.eo-tooltip-container {
  padding: 10px;
  position: absolute;
  margin: 0;
  opacity: 1;
  border-radius: 5px;
  background-color: #808080;
  height: auto;
  width: auto;
  color: #efefef;
  z-index: 1000;
}
.eo-tooltip-container .eo-hideTooltip {
  cursor: pointer;
  background: #989898;
  text-align: center;
  color: #efefef;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  right: -5px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 0px;
  background-image: url(/flowable-design/vis-flowable-editor/img/false-64fce972d722c089e1ea1bdb66a85f70.png);
  background-repeat: no-repeat;
  background-position: center;
}
.eo-tooltip-container .eo-hideTooltip:hover {
  background: #c0c3c0;
  background-image: url(/flowable-design/vis-flowable-editor/img/false-64fce972d722c089e1ea1bdb66a85f70.png);
  background-repeat: no-repeat;
  background-position: center;
}
.eo-tooltip-container .eo-inner-tooltip-container {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.eo-tooltip-container thead td {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 4px;
  color: #ffcc00;
}
.eo-tooltip-container td {
  min-width: 80px;
  max-width: 150px;
  padding: 2px 10px 2px 10px;
  word-wrap: break-word;
  vertical-align: top;
}
.eo-tooltip-container table {
  border-collapse: collapse;
  font-size: 15px;
}
.eo-tooltip-container .eo-col-b {
  border-right: 1px solid #c0c0c0;
}

.eo-compare-tooltip {
  border-bottom: 1px dashed #ccc;
  cursor: pointer;
}

.eo-toolTipContainer {
  display: none;
}

.edoras-one .eo-vis-editor-pane-container {
  padding: 0px !important;
}

.edoras-one button {
  box-sizing: border-box;
}

.edoras-one .firefox .eo-vis-canvas-area svg text {
  stroke-width: 0px !important;
}

.edoras-one .firefox .eo-vis-canvas-area svg .transparent {
  fill: transparent;
  stroke: none;
}

svg .tablabel * {
  fill: #888888;
  cursor: pointer;
  text-decoration: underline;
}

svg .activetablabel * {
  fill: black;
  cursor: pointer;
  text-decoration: underline;
}

svg .accordionlabel * {
  fill: #888888;
  cursor: pointer;
}

svg .activeaccordionlabel * {
  fill: black;
  cursor: pointer;
}

svg .tab-arrow {
  cursor: pointer;
}

svg .accordion-arrow {
  stroke-width: 0.5;
  cursor: pointer;
}

.eo-vis-form-preview {
  width: 90%;
  margin: 20px auto;
}
.eo-vis-form-preview-content {
  background-color: white;
  padding: 20px;
}
.eo-vis-form-preview-design-button:before {
  content: "\f1fc";
  font-family: "FontAwesome";
}

.eo-vis-editor {
  background-color: whitesmoke;
  width: 100%;
  height: 100%;
  -moz-user-select: -moz-none;
  user-select: none;
  /*get back full space from pane container*/
  min-height: 0;
  /* firefox fix overflow with flex: */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.eo-vis-editor [disabled] {
  /* fix to allow documentElement event listeners */
  pointer-events: none;
}

.eo-vis-editor-header {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
.eo-vis-editor-header #eo-vis-logo {
  width: 232px;
  height: 44px;
  margin: 5px;
  float: right;
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/edorasvis-163dad9c28c2f5fea5d476c23603db30.png)
    no-repeat scroll 0 0;
}
.eo-vis-editor-header #eo-vis-model-name {
  float: left;
  height: 54px;
  line-height: 54px;
  padding-left: 5px;
}

.eo-vis-editor-content {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  min-height: 0px;
  min-width: 0px;
  overflow: hidden;
  /* fix IE11 flex max-height, other than visible */
}

.eo-vis-editor-left {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  width: 250px;
  min-width: 250px;
  position: relative;
}
.eo-vis-editor-left--collapsed {
  width: 20px;
  min-width: 20px;
}

.eo-vis-editor-right {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  position: relative;
  /* right header absolute position */
  padding-top: 26px;
}
.eo-vis-editor-right--collapsed {
  width: 20px;
  min-width: 20px;
  padding-top: 0;
}
.eo-vis-editor-right-expanded {
  width: 320px;
  min-width: 320px;
  max-width: calc(100vw - 250px);
  height: 100%;
}

.eo-vis-editor-center {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.eo-vis-editor-center .eo-vis-model-tabs {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  overflow: hidden;
}
.eo-vis-editor-center .eo-vis-show-validator-panel {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  height: 40%;
}
.eo-vis-editor-center .eo-vis-search-panel {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  height: 40%;
}
.eo-vis-editor-center .eo-vis-search-panel-grid-wrapper {
  overflow: hidden;
  width: 100%;
  height: calc(100% - 57px);
}

.eo-vis-editor-left {
  overflow: hidden;
  box-sizing: border-box;
  top: 2px;
  border-right: 1px solid #c8c8c8;
}
.eo-vis-editor-left .eo-vis-editor-left-header {
  width: 100%;
  position: relative;
  background-color: #f8f8f8;
  border-bottom: 1px solid #cccccc;
  padding: 4px 0;
  cursor: pointer;
}
.eo-vis-editor-left .eo-vis-editor-left-header span {
  white-space: nowrap;
  display: block;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding: 2px 12px 2px 15px;
  font-size: 12px;
}
.eo-vis-editor-left .eo-vis-editor-left-header .eo-vis-editor-left-close {
  width: 12px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  line-height: 24px;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.eo-vis-editor-left-expanded {
  height: 100%;
}

.eo-vis-editor-center,
.eo-vis-editor-center-container {
  overflow: hidden;
  z-index: 200;
}

.eo-vis-show-search-panel,
.eo-vis-show-validator-panel {
  overflow: hidden;
}

.eo-vis-editor-center-model {
  width: 100%;
  height: 100%;
  /*display: table;*/
}

.eo-vis-editor-search-panel-search-header {
  background: #f0f0f0;
  background: -webkit-linear-gradient(#f0f0f0, #dadada);
  background: -o-linear-gradient(#f0f0f0, #dadada);
  background: -moz-linear-gradient(#f0f0f0, #dadada);
  background: linear-gradient(#f0f0f0, #dadada);
  height: 18px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  z-index: 1000;
  display: none;
}
.eo-vis-editor-search-panel-search-header .eo-vis-editor-search-panel-header {
  margin: 0px;
  padding: 5px;
}
.eo-vis-editor-search-panel-search-header
  .eo-vis-editor-vis-search-panel-close {
  padding: 2px 3px;
}
.eo-vis-editor-search-panel-search-header
  .eo-vis-editor-vis-search-panel-maximize {
  padding: 2px 22px;
}

.eo-vis-editor-right {
  overflow: visible;
  box-sizing: border-box;
  z-index: 300;
  outline: none;
  top: 2px;
  border-left: 1px solid #c8c8c8;
}
.eo-vis-editor-right .eo-vis-editor-right-header {
  cursor: pointer;
  width: 100%;
  height: 25px;
  position: absolute;
  top: 0;
  border-bottom: 1px solid #cccccc;
  background-color: #f8f8f8;
}
.eo-vis-editor-right .eo-vis-editor-right-header span {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding: 2px 12px 2px 15px;
  font-size: 12px;
}
.eo-vis-editor-right .eo-vis-editor-right-header .eo-vis-editor-right-close {
  width: 12px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  left: -16px;
  top: 0;
  line-height: 18px;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.eo-vis-editor-right .eo-vis-grid {
  background-color: white;
  height: calc(100% - 2px) !important;
  outline: none;
}
.eo-vis-editor-right .eo-vis-grid .ui-grid {
  height: calc(100% - 2px) !important;
  outline: none;
}
.eo-vis-editor-right .eo-vis-grid .ui-grid-top-panel {
  background: whitesmoke none;
  outline: none;
}

.eo-vis-editor-right.animate-column {
  -webkit-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
  -webkit-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
}

.ui-layout-column {
  overflow: hidden;
}
.ui-layout-column .ui-splitbar {
  background: #f8f8f8
    url("")
    no-repeat center center;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  top: 2px;
}
.ui-layout-column .ui-splitbar a {
  display: none !important;
}

.eo-vis-editor-collapsed-left {
  position: relative;
  height: 100%;
  cursor: pointer;
}
.eo-vis-editor-collapsed-left .title {
  width: 300px;
  transform: rotate(90deg);
  transform-origin: bottom left 0;
  padding-left: 20px;
  font-weight: bold;
}
.eo-vis-editor-collapsed-left .eo-vis-editor-left-open {
  width: 12px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  left: 3px;
  top: 0;
  line-height: 24px;
  text-decoration: none;
  color: #333333;
  font-size: 12px;
}

.eo-vis-editor-collapsed-right {
  position: relative;
  height: 100%;
  cursor: pointer;
}
.eo-vis-editor-collapsed-right .title {
  width: 300px;
  transform: rotate(90deg);
  transform-origin: bottom left 0;
  padding-left: 20px;
  font-weight: bold;
}
.eo-vis-editor-collapsed-right .eo-vis-editor-right-open {
  width: 12px;
  height: 21px;
  cursor: pointer;
  position: absolute;
  left: 3px;
  top: 0;
  line-height: 24px;
  text-decoration: none;
  color: #333333;
  font-size: 12px;
}

.eo-vis-editor-center .ui-splitbar {
  background-image: url("");
}

.eo-vis-editor-center .animate-row {
  -webkit-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
  -webkit-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
  -moz-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
  -ms-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
  -o-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
  transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
}

#eo-vis-mask {
  width: 100%;
  height: 100%;
  background: transparent
    url(/flowable-design/vis-flowable-editor/img/indicator.medium-163a5a81c0e451e14dbef1f66ba2cad7.gif)
    no-repeat scroll center center;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

/*Tooltip - start*/
.tooltip {
  position: absolute;
  z-index: 999;
  min-width: 40px;
  max-width: 300px;
  cursor: default;
  left: -1000;
  top: -1000;
  padding: 5px 8px 4px 8px !important;
  font: bold 12px helvetica, tahoma, sans-serif;
  text-align: left;
  color: #ffffff;
  background: #626262;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -ms-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  opacity: 0.8 !important;
}
.tooltip:before {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid #626262;
}

.tooltip-t:before {
  left: 50%;
  margin-left: -5px;
  display: block;
  border-top-color: #626262;
  border-bottom-width: 0;
  bottom: -5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.tooltip-b:before {
  left: 50%;
  margin-left: -5px;
  display: block;
  border-bottom-color: #626262;
  border-top-width: 0;
  top: -5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.tooltip-r:before {
  margin-top: -5px;
  top: 50%;
  display: block;
  border-right-color: #626262;
  border-left-width: 0;
  left: -5px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.tooltip-l:before {
  margin-top: -5px;
  top: 50%;
  display: block;
  border-left-color: #626262;
  border-right-width: 0;
  right: -5px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.tooltip-tr:before {
  left: 5px;
  margin: 0;
}

.tooltip-br:before {
  content: "";
  left: 5px;
  margin: 0;
}

.tooltip-tl:before {
  left: auto;
  margin: 0;
  right: 5px;
}

.tooltip-bl:before {
  left: auto;
  margin: 0;
  right: 5px;
}

.tooltip-rt:before {
  margin: 0;
  top: auto;
  bottom: 5px;
  border-right-color: #626262;
}

.tooltip-lt:before {
  margin: 0;
  top: auto;
  bottom: 5px;
  border-left-color: #626262;
}

.tooltip-rb:before {
  margin: 0;
  top: 5px;
  border-right-color: #626262;
}

.tooltip-lb:before {
  margin: 0;
  top: 5px;
  border-left-color: #626262;
}

/*Tooltip - end*/
.Oryx_MorphMenu {
  z-index: 3;
}

html {
  overflow-y: hidden !important;
}

.Oryx_button {
  position: absolute;
  width: 20px;
}

.Oryx_MorphMenu {
  position: absolute;
  margin: 0;
  min-width: 195px;
  width: 100%;
}
.Oryx_MorphMenu > li {
  cursor: pointer;
  padding: 7px 5px;
}
.Oryx_MorphMenu > li.disabled,
.Oryx_MorphMenu .sub-menu > li.disabled {
  background-color: #fff;
  border: 1px solid #ddd;
  opacity: 1;
}
.Oryx_MorphMenu > li.disabled span,
.Oryx_MorphMenu .sub-menu > li.disabled span {
  opacity: 0.5;
}
.Oryx_MorphMenu > li:hover {
  color: #000;
  background-color: #ddd;
  border-color: #ddd;
}
.Oryx_MorphMenu > li span {
  padding-left: 5px;
}
.Oryx_MorphMenu .sub-menu {
  display: none;
}
.Oryx_MorphMenu > li:hover > ul {
  display: block;
  position: absolute;
}
.Oryx_MorphMenu > li:hover li {
  float: none;
}
.Oryx_MorphMenu .sub-menu > li {
  border-top: 0;
  display: inline-block;
  word-break: normal;
  padding: 7px 0px 6px 10px;
  border: 1px solid #ddd;
  min-width: 260px;
  cursor: pointer;
}
.Oryx_MorphMenu .sub-menu > li > span {
  padding: 5px 10px;
}
.Oryx_MorphMenu .sub-menu > li > img {
  width: 15px;
  height: auto;
}
.Oryx_MorphMenu .sub-menu > li:hover {
  color: #000;
  background-color: #ddd;
  border-color: #ddd;
}
.Oryx_MorphMenu .scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.Oryx_MorphMenu > li ul {
  left: 100%;
  top: 0;
}
.Oryx_MorphMenu ul:before,
.Oryx_MorphMenu ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.Oryx_MorphMenu ul:after {
  clear: both;
}

.drag_proxy {
  position: absolute;
  width: 40px;
  height: 40px;
}
.drag_proxy .icon {
  width: 16px;
  height: 16px;
  float: left;
  background: url(/flowable-design/vis-flowable-editor/img/drop-no-ae536c37391ba78143b5c8283cec8d13.gif)
    no-repeat center center;
}
.drag_proxy img {
  float: left;
  margin-left: 5px;
}

.drag_proxy.allowed .icon {
  background: url(/flowable-design/vis-flowable-editor/img/drop-yes-f3216326c00890259e84f1726dd1043f.gif)
    no-repeat center center;
}

.alignRight {
  float: right;
}

.Oryx_font_menu {
  margin-top: 10px;
  padding-left: 0;
  display: inline-flex !important;
}
.Oryx_font_menu > div {
  display: inline;
}

.Oryx_SelectionFrame {
  position: absolute;
  border: 1px dotted gray;
  background: none;
}

.resizer_southeast {
  width: 12px;
  height: 12px;
  background: url(/flowable-design/vis-flowable-editor/img/se-handle-dark-f3d8d8aac23e3e9633072e2366cda847.gif)
    no-repeat center center;
  cursor: se-resize;
  background-position: 4px 0px;
}

.resizer_northwest {
  width: 12px;
  height: 12px;
  background: url(/flowable-design/vis-flowable-editor/img/nw-handle-dark-4a361e6920b2e34a39fd425a515c83b9.gif)
    no-repeat center center;
  cursor: nw-resize;
  background-position: -2px -2px;
}

.resizer_east {
  height: 20px;
  width: 10px;
  background: url(/flowable-design/vis-flowable-editor/img/e-handle-dark-b86289f41d7ad1a7401dd2b2a9b3c3d8.gif)
    no-repeat center center;
  cursor: e-resize;
  background-position: left center;
}

.resizer_west {
  height: 20px;
  width: 10px;
  background: url(/flowable-design/vis-flowable-editor/img/e-handle-dark-b86289f41d7ad1a7401dd2b2a9b3c3d8.gif)
    no-repeat center center;
  cursor: e-resize;
  background-position: left center;
}

.resizer_north {
  height: 3px;
  width: 20px;
  background: url(/flowable-design/vis-flowable-editor/img/s-handle-dark-4a6bf15d308a4ae580dd03cbd431a95c.gif)
    no-repeat center center;
  cursor: n-resize;
  background-position: top center;
}

.resizer_south {
  height: 3px;
  width: 20px;
  background: url(/flowable-design/vis-flowable-editor/img/s-handle-dark-4a6bf15d308a4ae580dd03cbd431a95c.gif)
    no-repeat center center;
  cursor: s-resize;
  background-position: top center;
}

.resizer_south {
  height: 3px;
  width: 20px;
  cursor: s-resize;
  background-position: top center;
}

.resizer_north {
  height: 3px;
  width: 20px;
  cursor: n-resize;
  background-position: top center;
}

.resizer_southeast,
.resizer_northwest,
.resizer_north,
.resizer_south,
.resizer_east,
.resizer_west {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
}

/** Resizer for the Canvas **/
.canvas_resize_indicator_area {
  margin: auto;
  display: block;
  height: 30px;
  left: 20%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60%;
}

.canvas_resize_indicator {
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  margin: auto;
  opacity: 0.6;
}

.canvas_resize_indicator:hover {
  opacity: 1;
}

.canvas_resize_indicator_grow.S {
  left: 50%;
  bottom: 30px;
  margin-right: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-bottom-b6bad3413b3b6b44d88442ad5dd0cef8.png)
    no-repeat center center;
}

.canvas_resize_indicator_shrink.S {
  left: 50%;
  margin-left: 15px;
  bottom: 30px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-top-e9a93ed2580743da16ecfa55585e0e3d.png)
    no-repeat center center;
}

.canvas_resize_indicator_grow.W {
  left: 10px;
  top: 50%;
  margin-bottom: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-left-fc1780664629d0e9029515ae1e7f3437.png)
    no-repeat center center;
}

.canvas_resize_indicator_shrink.W {
  left: 10px;
  top: 50%;
  margin-top: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-right-56c165e291fd6cb5dbf710e88b8ad991.png)
    no-repeat center center;
}

.canvas_resize_indicator_grow.E {
  right: 30px;
  top: 50%;
  margin-bottom: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-right-56c165e291fd6cb5dbf710e88b8ad991.png)
    no-repeat center center;
}

.canvas_resize_indicator_shrink.E {
  right: 30px;
  top: 50%;
  margin-top: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-left-fc1780664629d0e9029515ae1e7f3437.png)
    no-repeat center center;
}

.canvas_resize_indicator_grow.N {
  left: 50%;
  top: 35px;
  margin-right: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-top-e9a93ed2580743da16ecfa55585e0e3d.png)
    no-repeat center center;
}

.canvas_resize_indicator_shrink.N {
  left: 50%;
  top: 35px;
  margin-left: 15px;
  background: url(/flowable-design/vis-flowable-editor/img/arrow-bottom-b6bad3413b3b6b44d88442ad5dd0cef8.png)
    no-repeat center center;
}

/** End Resizer **/
.previewText {
  padding-left: 26px;
  font-family: arial, sans-serif;
  font-size: 24px;
  color: #ccc;
  font-style: italic;
  background: #fff
    url(/flowable-design/vis-flowable-editor/img/preview-d737b1b34d085fe7ce337fff66a29c5d.png)
    no-repeat 0 2px;
  position: absolute;
  top: 44%;
  left: 30%;
}

.loadPreviewText {
  display: block;
  background: #fff
    url(/flowable-design/vis-flowable-editor/img/indicator.medium-163a5a81c0e451e14dbef1f66ba2cad7.gif)
    no-repeat 0;
}

.gridline {
  visibility: hidden;
}

.showGrid .gridline {
  visibility: visible;
}

.noteBox:not(.editing) {
  visibility: hidden;
}

.note_icon {
  visibility: hidden;
}

.showNotes .noteBox:not(.empty),
.showNotes .noteBox:not(.editing):not(.empty) {
  visibility: visible;
}

/*# sourceMappingURL=eo-vis-flowable-editor.css.map*/

.fm-header {
  height: 30px;

  .fm-logo {
    height: 26px;
    vertical-align: middle;
  }
  .fm-title {
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    opacity: 0.8;
    margin-left: 6px;
    cursor: pointer;
  }
  .fm-link {
    height: 50px;
    float: right;

    a {
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      line-height: 50px;
      font-weight: 500;
      margin-left: 15px;

      &:hover {
        opacity: 0.8;
      }

      &.ad {
        color: #f5dab1;
      }
    }
  }
}
.fm-container {
  height: calc(100% - 50px);
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  min-height: 100%;
  height: 100%;
}
</style>
